La communauté ALL HTML c'est 58234 membres à ce jour dont 2 inscrits aujourd'hui et 35 depuis une semaine.

Calculette pour caddie

Photo de ALL HTML Article publié le mercredi 16 mars 2005 par ALL HTML.
Cet article est classé dans les catégories « Javascript »

Compatiblité


I.Explorer : Oui
Netscape : Oui

Description et scripts


Ce script permet d'additionner des produits (ou autres) à l'aide de formulaire. Danc cet exemple nous avons 3 produits (valeurs : 100 €, 94 €, 48 €) et le formulaire ce nomme caddie.

Script à placer entre les balise <head> et </head>

<script type="text/javascript"> <!-- function calculette () { var total=0; if (caddie.achat1.checked) total += 100; if (caddie.achat2.checked) total += 94; if (caddie.achat3.checked) total += 48; caddie.Total.value = total+" €"; } --> </script>

Formulaire avec les 3 choix et le total des achats.

<form name="caddie"> <label for"achat1">Produit 1</label> <input type="checkbox" name="achat1" id="achat1" value="0" OnClick="calculette()" /> <label for"achat2">Produit 2</label> <input type="checkbox" name="achat2" id="achat2" value="0" OnClick="calculette()" /> <label for"achat3">Produit 3</label> <input type="checkbox" name="achat3" id="achat3" value="0" OnClick="calculette()" /> <input type="text" name="Total" readonly /> </form>

VOS COMMENTAIRES ...

Commenter cette publication

Photo de melstef Commentaire publié le vendredi 17 novembre 2006 à 17 h 03 par melstef
J'utilise le caddie et tout fonctionne à merveille. Il est facile à modifier et très pratique.

Cependant, j'ai une question. Dans mon nouveau formulaire, on a le choix entre 4 options. La première option choisie est gratuite donc si les 4 options sont choisies, il y en a une gratuite et il faut payer pour les 3 autres. , Comment faire pour dire au caddie que la première option choisie (au choix) est gratuite ?

Commenter cette publication

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

Forums de discussions associés

Discutez et échangez sur ce thème dans notre forum Javascript - DHTML - VBScript.

Liens sponsorisés

ACCÉS COMMUNAUTÉ

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.