Calcul avec Checkbox

Version imprimable

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:

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:

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 :

Citation:

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

Merci de vos conseils

10/03/2008, 15h20
E.Bzz

Bonjour,
d�j� un probl�me de syntaxe

Code:

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

ou

Code:

document.getElementById('MTtotal').value

(uniquement parce qu'ici name=id)

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

Code:

onclick="return calculmission();"

:?

A+
10/03/2008, 15h59
Jumano

calculmission() est la fonction JS que j'ai essay� de faire ...
10/03/2008, 16h11
Matthieu2000

Citation:

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

:idea:

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

Code:

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)) ;
	}
}
}

10/03/2008, 16h44
Matthieu2000

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

getElementsByName deprecated peut etre...
10/03/2008, 16h46
E.Bzz

Citation:

Envoy� par Matthieu2000

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 :mrgreen:

A+
10/03/2008, 16h47
E.Bzz

Et

Code:

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

:?

A+
10/03/2008, 17h27
Jumano

Non plus ...
10/03/2008, 17h37
Jumano

Bon je n'ai plus de message d'erreur mais le champs qui devrait se remplir automatiquement reste vide.
10/03/2008, 17h46
E.Bzz

Bon ben l� on sait plus du tout ou tu en es :mrgreen:

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

A+

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:

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.

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:

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 ;
	}
}
}