Addition / checkbox / form

Fermé

daikidan Messages postés 15 Date d'inscription lundi 10 août 2015 Statut Membre Dernière intervention 9 octobre 2017 - 9 sept. 2015 à 17:28
daikidan Messages postés 15 Date d'inscription lundi 10 août 2015 Statut Membre Dernière intervention 9 octobre 2017 - 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
Formule excel addition - Guide
Editeur html - Télécharger - HTML
Bash addition ✓ - Forum Shell
[Bash]Impossible de faire une simple addition - Forum Shell
Espace html ✓ - Forum Webmastering

1 réponse

Réponse 1 / 1

Konseil Messages postés 643 Date d'inscription samedi 29 août 2015 Statut Membre Dernière intervention 13 novembre 2018 429
9 sept. 2015 à 17:49

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 lundi 10 août 2015 Statut Membre Dernière intervention 9 octobre 2017
9 sept. 2015 à 18:06

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 samedi 29 août 2015 Statut Membre Dernière intervention 13 novembre 2018 429
9 sept. 2015 à 18:45

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 lundi 10 août 2015 Statut Membre Dernière intervention 9 octobre 2017
9 sept. 2015 à 18:46

Merci Merci beaucoup Konseil !!!!

Discussions similaires