Wie im Bild gezeigt:
Die Implementierung der Schaltfläche Wählen Sie alle aus:
Die Codekopie lautet wie folgt:
<Eingabe type = "checkBox" name = "all" onclick = "checkAll ()" /> Wählen Sie alle <br /> aus
<Eingabe type = "checkBox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<Eingabe type = "checkBox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<Eingabe type = "checkBox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<Eingabe type = "checkBox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<Eingabe type = "checkBox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<Eingabe type = "checkBox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<Eingabe type = "checkBox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<Eingabe type = "checkBox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<Eingabe type = "checkBox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<Eingabe type = "checkBox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<Eingabe type = "checkBox" name = "all" onclick = "checkAll ()" /> Wählen Sie alle <br /> aus
<Eingabe type = "Button" value = "Holen Sie sich die Gesamtmenge" onclick = "getum ()" />
<span id = "sum"> </span>
Mit dem letzten Spannwechsel -Tag wird der Bereich gespeichert, der den Gesamtbetrag anzeigt.
Der Code, der zwei "Alle" -Funktionen implementiert, lautet:
Die Codekopie lautet wie folgt:
Funktion checkall ()
{
// var allnode = document.getElementsByName ("all") [0];
// Erhalten Sie das Klickelement
var allnode = event.srcelement;
var item = document.getElementsByName ("item");
für (var x = 0; x <item.length; x ++)
{
item [x] .Checked = Allnode.Conted;
}
}
Event.srcElement implementiert die Erfassung der Reaktionsereignis -Taste.
Die für die Schleife verändert die geprüfte Eigenschaft für jedes Kästchen mit mehreren Überprüfungen.
Die Methode zur Berechnung der Gesamtmenge ist:
Die Codekopie lautet wie folgt:
Funktion getum ()
{
var item = document.getElementsByName ("item");
var sum = 0;
für (var x = 0; x <item.length; x ++)
{
if (item [x].
{
sum+= parseInt (item [x] .Value);
}
}
var spannode = document.getElementById ("sum");
Spannode.innerhtml = (sum+"meta"). fontsize (7);
}
Addiert die Wertwerte aller ausgewählten Kontrollkästchen.