Rumah >hujung hadapan web >tutorial js >Javascript melaksanakan pemilihan penuh, pemilihan songsang dan penugasan kemahiran checkBox_javascript

Javascript melaksanakan pemilihan penuh, pemilihan songsang dan penugasan kemahiran checkBox_javascript

WBOY
WBOYasal
2016-05-16 16:10:141147semak imbas

Apabila kita biasanya bekerja pada projek, kita sering menghadapi situasi di mana kita perlu merealisasikan pemilihan penuh, pemilihan songsang dan tugasan Kotak semak Terdapat banyak contoh di Internet Di sini saya akan berkongsi dengan anda kaedah yang biasa saya gunakan ia kepada semua orang.

Salin kod Kod adalah seperti berikut:

//js sama ada nilai berada dalam tatasusunan
Array.prototype.in_array = fungsi(e){
​untuk(i=0;i   jika(ini[i] == e)
   kembali benar;
}
pulangkan palsu;
}
//indeks tatasusunan js
Array.prototype.find_str=function(string){
var str = this.join("");
​kembali str.indexOf(rentetan);
}
var houseIds=new Array();
$("#chebox-list-all").klik(function(){
​if($("#chebox-list-all").attr("checked")){
  $("[name='checkboxes']").attr("checked",'true');//Pilih semua dan tambah id
  var id = document.getElementsByName('kotak semak');
  nilai var = Array baharu();
  untuk(var i = 0; i < id.panjang; i ){
  jika(id[i].ditandai)
   houseIds.push(id[i].value);
  }
alert(houseId);
}lain{
  $("[name='checkboxes']").removeAttr("checked");//Reverse selection Delete Id
  houseIds=[];
alert(houseId);
}
})
//Tambah id pada pilihan tunggal
semakan fungsi(obj){
​if(!houseIds.in_array(obj.value)){
houseIds.push(obj.value);
alert(houseId);
}lain{
  var index=houseIds.find_str(obj.value);
houseIds.splice(index, 1)
alert(houseId);
}
}

Di atas ialah keseluruhan kod contoh ini. Saya harap ia akan membantu semua orang untuk belajar menggunakan javascript untuk mengawal kotak pilihan.

Kenyataan:
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