Addition / checkbox / form
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 .
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 .
1 réponse
-
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>-
-
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> -
-
