communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > js implémente un panier simple avec des images et des compétences code_javascript

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

WBOY
Libérer： 2016-05-16 16:46:56
original
1232 Les gens l'ont consulté

Comme le montre l'image :
js implémente un panier simple avec des images et des compétences code_javascript
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.
Étiquettes associées：
js 购物车
source：php.cn
Article précédent：fonction d'association automatique de recherche d'imitation jquery code_jquery Article suivant：JQuery Obtenir un exemple de données de table Code_jquery
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Un pool de travail déclaré sur plusieurs routes peut-il toujours maintenir son utilisation du processeur sans se soucier du seuil J'espère trouver un système node.js avec un pool de travailleurs pour gérer les tâches gou...
Depuis 2024-04-06 19:54:23
0
1
444
Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js C'est la première fois que j'utilise d3.js, alors soyez indulgents avec moi. Je l'ai implé...
Depuis 2024-04-06 18:16:26
0
1
403
Afficher les panneaux latéraux masqués : coché J'aimerais avoir un menu de navigation dans le panneau latéral avec la possibilité de pass...
Depuis 2024-04-06 15:49:33
0
1
319
Doit-on utiliser SSG pour déployer des tableaux de bord créés avec Nuxt.js ? Nous développerons un tableau de bord à usage interne en utilisant Nuxt.js. Puisqu’il s’ag...
Depuis 2024-04-06 13:17:44
0
1
493
Electron obtient AppData en préchargement Comment obtenir le répertoire AppData préchargé ? Background.js[...]asyncfunctioncreateWin...
Depuis 2024-04-06 11:05:31
0
1
417
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal