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   -
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 643 Date d'inscription   Statut Membre Dernière intervention   430
 
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 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
0
Konseil Messages postés 643 Date d'inscription   Statut Membre Dernière intervention   430
 
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 15 Date d'inscription   Statut Membre Dernière intervention  
 
Merci Merci beaucoup Konseil !!!!
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
Addition en bash
Rhfactor -
Rhfactor -

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

11 réponses
Balise </br>
erf -
erf -

3 réponses
[shell] Comment additionner des valeurs
fabriceOb -
zipe31 -

11 réponses