Addition / checkbox / form

daikidan Messages postés 18 Statut Membre -  
daikidan Messages postés 18 Statut Membre -
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:

1 réponse

Réponse 1 / 1
Konseil Messages postés 694 Statut Membre 431
 
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>
0
daikidan Messages postés 18 Statut Membre
 
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
0
Konseil Messages postés 694 Statut Membre 431
 
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>
0
daikidan Messages postés 18 Statut Membre
 
Merci Merci beaucoup Konseil !!!!
0

Discussions similaires

[shell] Comment additionner des valeurs
fabriceOb -
zipe31 -

11 réponses
Addition en bash
Rhfactor -
Rhfactor -

4 réponses
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
additionner deux réels en shell
wida -
ess -

14 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses