Ich habe 7 verschiedene Kontrollkästchenstatus vergeben und sie nacheinander mit Ihnen geteilt.
1. Alles auswählen
$("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); })
2. Alle Auswahlen aufheben (keine auswählen)
$("#btn2").click(function(){ $("input[name='checkbox']").removeAttr("checked"); })
3. Wählen Sie alle ungeraden Zahlen aus
$("#btn3").click(function(){ $("input[name='checkbox']:odd").attr("checked","true"); })
4. Wählen Sie alle geraden Zahlen aus
$("#btn6").click(function(){ $("input[name='checkbox']:even").attr("checked","true"); })
5. Gegenwahl
$("#btn4").click(function(){ $("input[name='checkbox']").each(function(){ if($(this).attr("checked")) { $(this).removeAttr("checked"); } else { $(this).attr("checked","true"); } }) })
oder
$("#invert").click(function(){ $("#ruleMessage [name='delModuleID']:checkbox").each(function(i,o){ $(o).attr("checked",!$(o).attr("checked")); }); });
6. Ermitteln Sie den Wert des ausgewählten Artikels
var aa=""; $("#btn5").click(function(){ $("input[name='checkbox']:checkbox:checked").each(function(){ aa+=$(this).val() }) document.write(aa); }) })
7. Durchqueren Sie ausgewählte Elemente
$("input[type=checkbox][checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出 alert($(this).val()); });
Das folgende Beispiel beschreibt die Implementierung von jquery zum Auswählen aller Elemente, zum Umkehren der Auswahl und zum Abrufen aller ausgewählten Kontrollkästchen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Der Screenshot des Laufeffekts sieht wie folgt aus:
Der spezifische Code lautet wie folgt:
Das Obige ist eine einfache Beispieldemonstration für die Verwendung von Kontrollkästchen in JQuery. Ich hoffe, dass es für das Lernen aller hilfreich sein wird.