Ketika kami sedang mengerjakan proyek, kami sering menghadapi situasi di mana kami perlu menerapkan semua seleksi, pemilihan terbalik dan penugasan kotak centang. Ada banyak contoh di internet. Di sini saya berbagi dengan Anda metode yang saya gunakan, dan saya merekomendasikannya kepada Anda.
Salinan kode adalah sebagai berikut:
// Nilai JS ada di array
Array.prototype.in_array = function (e) {
untuk (i = 0; i <this.length; i ++) {
if (ini [i] == e)
Kembali Benar;
}
mengembalikan false;
}
// indeks array JS
Array.prototype.find_str = function (string) {
var str = this.join ("");
return str.indexof (string);
}
var houseids = array baru ();
$ ("#chebox-list-all"). Klik (function () {
if ($ ("#chebox-list-all"). attr ("checked")) {
$ ("[name = 'checkboxes']"). attr ("checked", 'true'); // pilih semua untuk menambahkan ID
var ids = document.geteLementsByName ('centang kotak');
var value = array baru ();
untuk (var i = 0; i <ids.length; i ++) {
if (ids [i] .Checked)
houseids.push (id [i] .value);
}
waspada (houseDs);
}kalau tidak{
$ ("[name = 'checkboxes']"). RemoveAttr ("checked"); // hapus untuk menghapus id
houseIds = [];
waspada (houseDs);
}
})
// pilihan tunggal untuk menambahkan id
function check (obj) {
if (! houseids.in_array (obj.value)) {
houseids.push (obj.value);
waspada (houseDs);
}kalau tidak{
var index = houseids.find_str (obj.value);
houseids.splice (indeks, 1)
waspada (houseDs);
}
}
Di atas adalah seluruh kode dari contoh ini. Saya harap akan membantu semua orang untuk belajar menggunakan JavaScript untuk mengontrol kotak centang.