Addition / checkbox / form

daikidan Messages postés 15 Date d'inscription Statut Membre Dernière intervention -
daikidan Messages postés 15 Date d'inscription Statut Membre Dernière intervention - 9 sept. 2015 à 18:46

Bonjour !!!!

j'ai besoin d'aide , je souhaite faire une petite application en html / javascript.. Sans base de donnée ou autre .

Comment effectuer laddition des valeurs des checkbox d'un formulaire , recupérer le résultat dans un label (ou autre ke vous m proposrz), le tout sans bouton submit , juste en cliquant sur les checkbox .

A voir également:

Addition html
Addition excel - Guide
Editeur html - Télécharger - HTML
Forum Shell
Forum Shell
Forum HTML

1 réponse

Réponse 1 / 1

Konseil Messages postés 643 Date d'inscription Statut Membre Dernière intervention 429

Salut,quelque chose comme ça?


<input type="checkbox" id="1" value="1">1
<input type="checkbox" id="2" value="2">2
<input type="checkbox" id="3" value="3">3
<input type="checkbox" id="4" value="4">4
<input type="checkbox" id="5" value="5">5
<input type="checkbox" id="6" value="6">6
<input type="checkbox" id="7" value="7">7
<input type="checkbox" id="8" value="8">8
<input type="checkbox" id="9" value="9">9
<div id="resultat"></div>
<script>
function Additionner(){
var rslt=0;
for(var i=1;i<10;i++){
if(document.getElementById(i).checked==true){rslt+=parseInt(document.getElementById(i).value);}
}
document.getElementById("resultat").innerHTML=rslt;
}
 document.addEventListener("change", Additionner);
</script>

daikidan Messages postés 15 Date d'inscription Statut Membre Dernière intervention

Merci beaucoup Konseil. il marche parfaitement
Comment jpeux faire dans le cas de deux form identik recupérer le total des results? desolé si jen dmande trop. Merci beaucoup

Konseil Messages postés 643 Date d'inscription Statut Membre Dernière intervention 429

Voilà


Formulaire 1:<br/>
<input type="checkbox" id="a1" value="1">1
<input type="checkbox" id="a2" value="2">2
<input type="checkbox" id="a3" value="3">3
<input type="checkbox" id="a4" value="4">4
<input type="checkbox" id="a5" value="5">5
<input type="checkbox" id="a6" value="6">6
<input type="checkbox" id="a7" value="7">7
<input type="checkbox" id="a8" value="8">8
<input type="checkbox" id="a9" value="9">9

<br/>Formulaire 2:<br/>
<input type="checkbox" id="b1" value="1">1
<input type="checkbox" id="b2" value="2">2
<input type="checkbox" id="b3" value="3">3
<input type="checkbox" id="b4" value="4">4
<input type="checkbox" id="b5" value="5">5
<input type="checkbox" id="b6" value="6">6
<input type="checkbox" id="b7" value="7">7
<input type="checkbox" id="b8" value="8">8
<input type="checkbox" id="b9" value="9">9

<div id="resultat"></div>
<script>
function Additionner(){
var rslt=0;
var f1=0;
var f2=0;
var f="a";
for(var i=1;i<=9;i++){
if(document.getElementById(f+i).checked==true){rslt+=parseInt(document.getElementById(f+i.toString()).value);}
if(i==9 && f=="a"){i=0;f="b";f1=rslt;}
}
f2=rslt-f1;
document.getElementById("resultat").innerHTML="Formulaire 1:"+f1+"<br/>formaulaire 2:"+f2+"<br/>total:"+rslt;
}
 document.addEventListener("change", Additionner);
</script>

daikidan Messages postés 15 Date d'inscription Statut Membre Dernière intervention

Merci Merci beaucoup Konseil !!!!

Discussions similaires

Votre réponse

Discussions similaires