kod pelaksanaan jquery untuk mencapai semua fungsi effect_jquery

Terutamanya untuk mensimulasikan jadual dalam beberapa halaman web untuk mencapai fungsi pilih-semua.

<form>     

你爱好的运动是：    

<input type="checkbox" id="Check" value="全选/全不选"/>全选/全不选     <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="乒乓球" />乒乓球 

</form>

Apabila kita mengklik butang Pilih Semua/NyahPilih Semua, kotak semak di bawah melakukan operasi yang sepadan.

Pada masa yang sama, sebaliknya, apabila memilih semua, jika mana-mana kotak pilihan di bawah tidak dipilih, butang Pilih Semua/NyahPilih Semua tidak akan dipilih.

 $('[name=items]:checkbox').click(function () {                 

var p = $('[name=items]:checkbox');        

 if(p.filter(':checked').length==p.length)        

{           //alert("Hello World");          

 $("#Check").attr("checked", true);        

} else {          

$("#Check").attr("checked", false);       

 }      

});

Kod pelaksanaan jquery di atas untuk mencapai kesan fungsi pilih semua ialah semua kandungan yang dikongsi oleh editor saya harap ia boleh memberi anda rujukan, dan saya harap anda akan menyokong Script Home.