kod pelaksanaan jquery untuk mencapai semua fungsi effect_jquery

WBOY
Lepaskan: 2016-05-16 15:02:02
asal
1663 orang telah melayarinya

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>
Salin selepas log masuk

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);       

 }      

});
Salin selepas log masuk

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.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!