jquery melaksanakan semua pemilihan, pemilihan songsang, dan memperoleh semua kotak semak_jquery yang dipilih

WBOY
Lepaskan: 2016-05-16 15:28:26
asal
1470 orang telah melayarinya

Saya memberikan 7 status kotak pilihan yang berbeza dan mengongsinya dengan anda satu demi satu.

1. Pilih semua

$("#btn1").click(function(){ 
$("input[name='checkbox']").attr("checked","true"); 
}) 
Salin selepas log masuk

2. Batalkan semua pilihan (pilih tiada)

$("#btn2").click(function(){ 
$("input[name='checkbox']").removeAttr("checked"); 
}) 
Salin selepas log masuk

3 Pilih semua nombor ganjil

$("#btn3").click(function(){ 
$("input[name='checkbox']:odd").attr("checked","true"); 
}) 
Salin selepas log masuk

4. Pilih semua nombor genap

$("#btn6").click(function(){ 
$("input[name='checkbox']:even").attr("checked","true"); 
}) 
Salin selepas log masuk

5. Pilihan raya balas

$("#btn4").click(function(){ 
$("input[name='checkbox']").each(function(){ 
if($(this).attr("checked")) 
{ 
$(this).removeAttr("checked"); 
} 
else 
{ 
$(this).attr("checked","true"); 
} 
}) 
}) 
Salin selepas log masuk

atau

$("#invert").click(function(){
  $("#ruleMessage [name='delModuleID']:checkbox").each(function(i,o){
   $(o).attr("checked",!$(o).attr("checked"));
  });
 });
Salin selepas log masuk

6. Dapatkan nilai item yang dipilih

var aa=""; 
$("#btn5").click(function(){ 
$("input[name='checkbox']:checkbox:checked").each(function(){ 
aa+=$(this).val() 
}) 
document.write(aa); 
}) 
}) 
Salin selepas log masuk

7. Lintas item yang dipilih

$("input[type=checkbox][checked]").each(function(){
 //由于复选框一般选中的是多个,所以可以循环输出 
 alert($(this).val()); 
}); 
Salin selepas log masuk

Contoh berikut menerangkan pelaksanaan jquery untuk memilih semua, menyongsangkan pemilihan dan mendapatkan semua kotak pilihan yang dipilih. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Tangkapan skrin kesan berjalan adalah seperti berikut:

Kod khusus adalah seperti berikut:

 
 
无标题页 
 
 
 
 

checkbox1 checkbox2 checkbox3 checkbox4 checkbox5 checkbox6 checkbox7 checkbox8
Salin selepas log masuk

Di atas adalah contoh demonstrasi mudah tentang cara menggunakan kotak semak dalam jquery. Saya harap ia akan membantu pembelajaran semua orang.

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