La communauté ALL HTML c'est 60442 membres à ce jour dont 0 inscrits aujourd'hui et 5 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é.