Discussion :

[Jumano]

Bonjour,

J'ai un tableau créé dynamiquement suite à une requète SQL.
Sur chaque ligne du tableau j'ai une checkbox dont la valeur correspond à un identifiant et un champs caché dont la valeur est variable (elle correspond à un montant en €).
Je voudrais que lorsque l'utilisateur click sur une ou plusieurs "checkbox", que le ou les montants des champs cachés correspondants s'additionnent et qu'un champs "total" se remplisse automatiquement avec la valeur obtenue.

Une partie de mon form :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<input name="MTtotal" type="text" id="MTtotal" size="6" maxlength="8" value=""/>
 
<input name="montant[]" type="hidden" value="<?php echo $montant ; ?>"  />
<input name="idcoutmi[]" id="idcoutmi_<?php echo $row_RsCout['ID_COUTMI']; ?>" type="checkbox" value="<?php echo $row_RsCout['ID_COUTMI']; ?>" onclick="return calculmission();" />

Ce que j'ai essayé de faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function calculmission() {
for (i=0;i<document.getElementsByName("idcoutmi[]").length;i++){
	if(document.idcoutmi[i].checked){
				document.MTtotal.value = ((document.MTtotal.value*1) + (document.montant[i].value*1)) ;
	}
}
}

Et bien entendu cela ne fonctionne pas ... sinon je ne serai pas là.

Message d'erreur : Ligne 126 - Objet attendu
Qui correspond à ceci :

<input name="idcoutmi[]" id="idcoutmi_3" type="checkbox" value="3" onclick="return calculmission();">

Merci de vos conseils

[E.Bzz]

Bonjour,
déjà un problème de syntaxe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms['name_du_form'].elements['MTtotal'].value

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('MTtotal').value

(uniquement parce qu'ici name=id)

Et puis elle "return" quoi, calculmission() ??

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="return calculmission();"

A+

[Jumano]

calculmission() est la fonction JS que j'ai essayé de faire ...

[Matthieu2000]

document.forms['name_du_form'].elements["idcoutmi[]" ][i].value

[Jumano]

J'ai modifié comme ceci, mais toujours même message d'erreur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function calculmission() {
for (i=0;i<document.getElementsByName("idcoutmi[]").length;i++){
	if(document.forms['form'].elements["idcoutmi[]"][i].checked){
				document.getElementById('MTtotal').value = ((document.getElementById('MTtotal').value*1) + (document.forms['form'].elements["montant[]"][i].value *1)) ;
	}
}
}

[Matthieu2000]

envoye le code source de ta page, il doit avoir une autre erreur!

getElementsByName deprecated peut etre...

[E.Bzz]

getElementsByName deprecated peut etre...

Non non !

Par contre ton form a bien un name="form" ?
Un autre name ("le_form") permettrait d'éviter les confuses

A+

[E.Bzz]

Et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

for (i=0;i<document.getElementsByName("idcoutmi").length;i++){

A+

[Jumano]

Non plus ...

[Jumano]

Bon je n'ai plus de message d'erreur mais le champs qui devrait se remplir automatiquement reste vide.

[E.Bzz]

Bon ben là on sait plus du tout ou tu en es

Il faudrait le code actuel, JS + tout le HTML concerné (pas de <form> pour l'instant) ...

A+

[Jumano]

Je reviens, mon code fonctionne maintenant. je n'ai pas fait de modification de code JS, mais j'avais un include dans ma page et celuic-i contenait un formulaire avec le même nom "form".
J'ai modfifié ce dernier.
Mon code JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function calculmission() {
for (i=0;i<document.getElementsByName("idcoutmi[]").length;i++){
	if(document.forms['form'].elements["idcoutmi[]"][i].checked){
				document.getElementById('MTtotal').value = ((document.getElementById('MTtotal').value*1) + (document.forms['form'].elements["montant[]"][i].value *1)) ;
	}
}
}

Mon champ prend bien une nouvelle valeur lorsque l'on clique sur les checkbox, le ptit hic c'est que si l'on décoche et qu l'on recoche une checkbox le montant est erroné.
je pense qu'il va falloir que je trouve une autre façon de calculer.

[Jumano]

En remettant mon champs à zéro à chaque calcul çà fonctionne, si çà peut intéresser quelqu'un et merci à ceux qui m'ont donné un coup de main.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function calculmission() {
document.getElementById('MTtotal').value = 0 ;
 
for (i=0;i<document.getElementsByName("idcoutmi[]").length;i++)
{
	if(document.forms['form'].elements["idcoutmi[]"][i].checked)
	{
		MontantTotal = ((document.getElementById('MTtotal').value*1) + (document.forms['form'].elements["montant[]"][i].value *1)) ;
		Totalcheck = Math.round(MontantTotal*100)/100; 
		MTtotal = Totalcheck.toFixed(2);
		document.getElementById('MTtotal').value = MTtotal ;
	}
}
}