Bei der Verwendung des Jquery iChock-Plug-Ins haben wir ein Problem gestoßen, dh wenn wir die gewöhnliche JS-Auswahl für alle Funktionen verwenden, ist es ungültig.
$ ("#checkall"). click (function () {if (this.Conted) {$ ("input [name = 'checkName']"). Jeder (Funktion () {this.Checked = true;});} else {$ ("input [name = 'checkname']").Dies ist in Ordnung, um das Kontrollkästchen Standard zu schreiben, aber es ist ungültig, wenn das Icheck -Plugin verwendet wird.
Wie kann man es also lösen?
Schließlich die Lösung in Stackoverflow:
Die Adresse ist hier: http://stackoverflow.com/questions/17820080/function-select-all-and-icheck
// Wählen Sie alle aus, um den Wert Var checkall = $ ('Eingabe.All'); var CheckBoxes = $ ('Eingabe.Check'); checkAll.on ('ifChecked ifunchecked', function (Ereignis) {if (event.type == 'ifChecked') {Checkboxes.icheck ('Check';}; {CheckBoxes.icheck ('Deaktivierter');}}); CheckBoxes.on ('ifChanged', Funktion (Ereignis) {if (checkBoxes.Filter (': checked'). Länge == Kontrollkästchen. {checkAll.removeProp ('checked');} checkall.icheck ('update');});Nachdem ich das Problem mit der Auswahl gelöst hatte, stieß ich auf ein neues Problem. Verwenden Sie bei der Erlangung des ausgewählten Kontrollkästchenwerts: $ (this) .attr ('geprüft'); Es kann den Wert nicht bekommen ~, es tut weh.
Nach der Google -Suche fand ich Inspiration in Stackoverflow, um den booleschen Wert des Kontrollkästchens zu bestimmen: $ (this) .is (': checked');
Die Lösung für den endgültigen Code lautet wie folgt:
$ (". AJAX-Delete"). Click (function () {var url = $ (this) .attr ('data-url'); var str = ""; var ids = ""; $ (this) .is (': checked')) {st+= $ (this) .val ()+",";}}); if (str.substr (st.Length-1) == ',') {ids = str.substr (0, str.Length-1);} console.log (ids);};});Die oben genannte Lösung für die Auswahl aller Bootstrap-IChock-Plug-Ins und die vom Editor eingeführten Wertewerte. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!