js implémente un panier simple avec des images et des compétences code_javascript

Comme le montre l'image :

L'implémentation du bouton Sélectionner tout est :

Copier le code Le code est le suivant :

Sélectionner tout
;input type="checkbox" name ="item" value="3000" />Ordinateur portable : 3 000 yuans

Ordinateur portable : 3 000 yuans

Ordinateur portable : 3 000 yuans
input type ="checkbox" name="item" value="3000" />Ordinateur portable : 3000 yuans

Ordinateur portable : 3 000 yuans

Ordinateur portable : 3 000 yuans

Ordinateur portable : 3000 yuans

;Ordinateur portable : 3 000 yuans

Ordinateur portable : 3 000 yuans

Ordinateur portable : 3000 yuans

Sélectionner tout




La dernière balise span est utilisée pour stocker la zone qui affiche le montant total.

Le code pour implémenter les deux fonctions "sélectionner tout" est :

Copier le code Le code est le suivant suit : function checkAll()

{

//var allNode = document.getElementsByName("all")[0]
//Obtenir l'élément cliquévar allNode = event.srcElement;
var item = document.getElementsByName("item");
for(var x=0;x{
item[ x].checked = allNode.checked;
}
}


event.srcElement implémente l'acquisition de boutons d'événement de réponse.

La boucle for modifie l'attribut coché de chaque case à sélection multiple.

La méthode de calcul du montant total est :




Copier le code

Le code est le suivant : function getSum() {

var item = document.getElementsByName("item");

var sum = 0; for(var x=0;x< item.length;x )
{
if(item[x].checked)
{
sum =parseInt(item[x].value
}
}
var spanNode = document .getElementById("sum");
spanNode.innerHTML = (sum "元").fontsize(7);
}


Convertir la valeur de toutes les cases à cocher sélectionnées Les valeurs s'additionnent.