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
Lepaskan: 2016-05-16 16:10:14
asal
1146 orang telah melayarinya

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.

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