Seperti yang ditunjukkan pada gambar:
Implementasi tombol Pilih Semua adalah:
Salinan kode adalah sebagai berikut:
<input type = "centang kotak" name = "all" onClick = "checkall ()" /> pilih semua <br />
<input type = "centang kotak" nama = "item" value = "3000" /> Laptop: 3000 yuan <br />
<input type = "centang kotak" nama = "item" value = "3000" /> Laptop: 3000 yuan <br />
<input type = "centang kotak" nama = "item" value = "3000" /> Laptop: 3000 yuan <br />
<input type = "centang kotak" nama = "item" value = "3000" /> Laptop: 3000 yuan <br />
<input type = "centang kotak" nama = "item" value = "3000" /> Laptop: 3000 yuan <br />
<input type = "centang kotak" nama = "item" value = "3000" /> Laptop: 3000 yuan <br />
<input type = "centang kotak" nama = "item" value = "3000" /> Laptop: 3000 yuan <br />
<input type = "centang kotak" nama = "item" value = "3000" /> Laptop: 3000 yuan <br />
<input type = "centang kotak" nama = "item" value = "3000" /> Laptop: 3000 yuan <br />
<input type = "centang kotak" nama = "item" value = "3000" /> Laptop: 3000 yuan <br />
<input type = "centang kotak" name = "all" onClick = "checkall ()" /> pilih semua <br />
<input type = "tombol" value = "Dapatkan jumlah total" onclick = "getsum ()" />
<span id = "sum"> </span>
Tag rentang terakhir digunakan untuk menyimpan area yang menampilkan jumlah total.
Kode yang mengimplementasikan dua fungsi "pilih semua" adalah:
Salinan kode adalah sebagai berikut:
function checkall ()
{
// var allnode = document.geteLementsByName ("all") [0];
// Dapatkan elemen yang diklik
var allnode = event.srcelement;
var item = document.geteLementsByName ("item");
untuk (var x = 0; x <item.length; x ++)
{
Item [x] .Checked = allNode.Checked;
}
}
Event.srcelement mengimplementasikan akuisisi tombol Acara Respons.
Loop untuk memodifikasi properti yang diperiksa untuk setiap kotak multi-check.
Metode menghitung jumlah total adalah:
Salinan kode adalah sebagai berikut:
fungsi getsum ()
{
var item = document.geteLementsByName ("item");
var sum = 0;
untuk (var x = 0; x <item.length; x ++)
{
if (item [x] .Cecked)
{
jumlah+= parseInt (item [x] .value);
}
}
var spannode = document.getElementById ("sum");
spannode.innerHtml = (jumlah+"meta"). FontSize (7);
}
Menambahkan nilai nilai semua kotak centang yang dipilih.