ALL HTML - Calculette pour caddie

retour

Calculette pour caddie

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

Commentaire publié le vendredi 17 novembre 2006 - 17h03 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.

07/02/2012 - 20h04 splash screen (2 réponses)
03/02/2012 - 14h31 code javascript (1 réponse)
24/01/2012 - 16h12 Fonction javascript cacher div appelée plusieurs fois dans une boucle php (8 réponses)
24/01/2012 - 14h07 Script opacité et validateur (5 réponses)
19/01/2012 - 15h16 jquery problème de double click sur boutons chargés par ajax (3 réponses)

all html : Le portail des webmaster

Calculette pour caddie

Compatiblité

Description et scripts

VOS COMMENTAIRES ...

Forums de discussions associés