Comment puis-je calculer la somme de bouton radio valeurs à l'aide de jQuery?

Je suis en train de créer un formulaire avec de nombreux groupes contenant de nombreux boutons radio. Lorsque l'utilisateur sélectionne un bouton, je voudrais calculer la somme de chaque bouton radio de la valeur et de montrer cette somme à l'utilisateur.

J'ai trouvé un plugin pour jQuery qui va faire le calcul, ce plugin utilise l'attribut name de l'boutons à calculer. Par exemple, il sera la somme des valeurs de tous les boutons qui ont le nom sum.

Jusqu'à présent, j'ai essayé les deux façons de mettre cela en place: dans la première méthode, j'ai créer un champ caché pour chaque groupe la somme des valeurs sélectionnées à l'intérieur, ce champ caché obtient la valeur, mais le problème est que la valeur totale ne sera pas mise à jour lorsque l'utilisateur sélectionne un bouton. Mon code ressemble à ceci:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script src="jquery.js" type="text/javascript">
</script>
<script src="calc.js" type="text/javascript">
</script>
<script src="calc_f.js" type="text/javascript">
</script>
<script type="text/javascript">
function DisplayPrice(price){
$('#spn_Price').val(price);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<input type="hidden" id="spn_Price" name="sum" value="">
<br>
<input id="rdo_1" type="radio" value="159" name="price" onclick="DisplayPrice(this.value);">
<br>
<input id="rdo_2" type="radio" value="259" name="price" onclick="DisplayPrice(this.value);">
<br>
<input type="text" name="totalSum" id="totalSum" value="" size="2" readonly="readonly">
</form>
</body>
</html>

Dans ce code, la balise input avec le nom totalSum est où la valeur sera mise à jour, mais il ne sera pas mise à jour lors de la modification de l'boutons.

Comme je l'ai dit avant, la raison pour laquelle j'utilise un champ caché est de tenir chaque groupe de sous-total. Il a le nom de sum, ce qui indique au plugin qu'il devrait être ajouté à d'autres.

Je ne sais pas si c'est la bonne façon de le faire, j'ai essayé de changer le nom de l'attribut de touches lors du clic de l'utilisateur à sum mais cela ne fonctionne pas!!!!

Voici plugin adresse : http://www.pengoworks.com/workshop/jquery/calculation/calculation.plugin.htm

Comment puis-je faire cela ?

OriginalL'auteur datisdesign | 2009-08-24