Heim > Artikel > Web-Frontend > Basierend auf jQuery zur Implementierung der Funktionen „Alle auswählen“, „Alle abwählen“ und „Auswahl umkehren“.
Dieser Code ist aus vielen jQuery-Kontrollkästchen-Funktionscodes ausgewählt. Der in meinem Projekt verwendete Code wird hier mit allen geteilt.
jQuery-Code:
$(function(){ $("#checkedAll").click(function(){ $('[name=items]:checkbox').attr('checked',true); }); $("#checkedNo").click(function(){ $('[name=items]:checkbox').attr('checked',false); }); $("#checkedRev").click(function(){ $('[name=items]:checkbox').each(function(){ //$(this).attr('checked',!$(this).attr('checked')); this.checked = !this.checked; }); }); $("#send").click(function(){ var str = "你选中的是:\r\n"; $('[name=items]:checkbox:checked').each(function(){ str += $(this).val()+"\r\n"; }); alert(str); }); });
HTML-Code:
你爱好的运动是?<br> <input type="checkbox" name="items" value="足球"/>足球 <input type="checkbox" name="items" value="篮球"/>篮球 <input type="checkbox" name="items" value="羽毛球"/>羽毛球 <input type="checkbox" name="items" value="乒乓球"/>乒乓球<br> <input type="button" id="checkedAll" value="全 选"/> <input type="button" id="checkedNo" value="全不选"/> <input type="button" id="checkedRev" value="反 选"/> <input type="button" id="send" value="提 交"/>
Leute, ist es sehr praktisch, das zu verwenden? Ich hoffe, es hilft allen .
Weitere Artikel, die auf jQuery basieren und die Funktion „Alle Kontrollkästchen auswählen“, „Keine Auswahl“ und „Umgekehrte Auswahl““ implementieren, finden Sie auf der chinesischen PHP-Website!