Comme indiqué dans l'image:
L'implémentation du bouton Sélectionner tout est:
La copie de code est la suivante:
<input type = "checkbox" name = "all" onclick = "checkall ()" /> sélectionnez tout <br />
<input type = "checkbox" name = "item" value = "3000" /> ordinateur portable: 3000 yuan <r />
<input type = "checkbox" name = "item" value = "3000" /> ordinateur portable: 3000 yuan <r />
<input type = "checkbox" name = "item" value = "3000" /> ordinateur portable: 3000 yuan <r />
<input type = "checkbox" name = "item" value = "3000" /> ordinateur portable: 3000 yuan <r />
<input type = "checkbox" name = "item" value = "3000" /> ordinateur portable: 3000 yuan <r />
<input type = "checkbox" name = "item" value = "3000" /> ordinateur portable: 3000 yuan <r />
<input type = "checkbox" name = "item" value = "3000" /> ordinateur portable: 3000 yuan <r />
<input type = "checkbox" name = "item" value = "3000" /> ordinateur portable: 3000 yuan <r />
<input type = "checkbox" name = "item" value = "3000" /> ordinateur portable: 3000 yuan <r />
<input type = "checkbox" name = "item" value = "3000" /> ordinateur portable: 3000 yuan <r />
<input type = "checkbox" name = "all" onclick = "checkall ()" /> sélectionnez tout <br />
<entrée type = "bouton" value = "Obtenez le montant total" onclick = "getSUM ()" />
<span id = "sum"> </span>
La balise de span finale est utilisée pour stocker la zone qui affiche le montant total.
Le code qui implémente deux fonctions "Sélectionner toutes" est:
La copie de code est la suivante:
Fonction CheckAll ()
{
// var allnode = document.getElementsByName ("all") [0];
// Obtenez l'élément cliqué
var allnode = event.srcelement;
var item = document.getElementsByName ("item");
pour (var x = 0; x <item.length; x ++)
{
item [x] .checked = allnode.checked;
}
}
Event.Srcelement met en œuvre l'acquisition du bouton de l'événement de réponse.
La boucle FOR modifie la propriété cochée pour chaque case multi-chèque.
La méthode de calcul du montant total est:
La copie de code est la suivante:
fonction getSUM ()
{
var item = document.getElementsByName ("item");
var sum = 0;
pour (var x = 0; x <item.length; x ++)
{
if (item [x] .checked)
{
sum + = paSeInt (item [x] .value);
}
}
var spannode = document.getElementById ("sum");
spannode.innerhtml = (sum + "meta"). FonTSize (7);
}
Ajoute les valeurs de valeur de toutes les cases sélectionnées.