summieren Werte von Radio-Buttons onclick ohne Formular

Question

Ich sah auf einem Link diese Fähigkeit, Kontrollkästchen hinzufügen, aber ich brauche Radio-Buttons sofort mit jeder Art von Codierung möglich hinzugefügt.

http://www.madirish.net/tech.php?section=1&article=7

meine Form ist die folgende:

<form action="orders.php" method="post" name="Reservar" target="_self"> 

     <table width="800" border="0"> 
     <?php 
     foreach ($rows as $row) { 
     ?> 
     <tr> 
     <td><input name="platofuerte" type="radio" onClick="checkTotal()" value="<?php echo $row['Producto_Precio']; ?>" /> 
     </td> 
     <td><input name="platofuerte1" type="hidden" value="<?php echo $row['Producto_ID']; ?>" /><img src='<?php echo htmlspecialchars($row['Producto_Imagen']); ?>' alt='image' name="imagen" id="imagen" /> 
     </td> 
     <td width=""><input name="" type="label" value='<?php echo $row['Producto_Nombre']; ?>' /> 
     </td> 
     <td width=""><input name="" type="label" value='<?php echo $row['Producto_Descripcion']; ?>' /> 
     </td> 
     <td width=""><input name="price" type="label" value='$<?php echo $row['Producto_Precio']; ?>' /> 
     </td></tr> 
     </table> 

       <table width="800" border="0"> 

         <td><input name="bebida" type="radio" onClick="checkTotal()" value="<?php echo $row['Producto_Precio']; ?>" /> 

         </td> 

         <td><input name="bebida1" type="hidden" value="<?php echo $row['Producto_ID']; ?>" /><img src='<?php echo htmlspecialchars($row['Producto_Imagen']); ?>' alt='image' name="imagen" id="imagen" /> 

         </td> 

         <td width=""><input name="" type="label" value='<?php echo $row['Producto_Nombre']; ?>' /> 

         </td> 

         <td width=""><input name="" type="label" value='<?php echo $row['Producto_Descripcion']; ?>' /> 

         </td> 

         <td width=""><input name="price" type="label" value='$<?php echo $row['Producto_Precio']; ?>' /> 

         </td> 

         </tr> 

         <?php 

        /*}*/ 

        } ?> 

       </table> 


       <table width="800" border="0"> 


         <td><input name="postre" type="radio" onClick="checkTotal()" value="<?php echo $row['Producto_Precio']; ?>" /> 

         </td> 

         <td><input name="postre1" type="hidden" value="<?php echo $row['Producto_ID']; ?>" /><img src='<?php echo htmlspecialchars($row['Producto_Imagen']); ?>' alt='image' name="imagen" id="imagen" /> 

         </td> 

         <td width=""><input name="" type="label" value='<?php echo $row['Producto_Nombre']; ?>' /> 

         </td> 

         <td width=""><input name="" type="label" value='<?php echo $row['Producto_Descripcion']; ?>' /> 

         </td> 

         <td width=""><input name="" type="label" value='$<?php echo $row['Producto_Precio']; ?>' /> 

</td> 
</tr> 
</table> 
<table width="800" border="0"> 
<tr> 
<td><input name="aperitivo" type="radio" onClick="checkTotal()" value="<?php echo $row['Producto_Precio']; ?>" /> 
</td> 
<td><input name="aperitivo1" type="hidden" value="<?php echo $row['Producto_ID']; ?>" /><img src='<?php echo htmlspecialchars($row['Producto_Imagen']); ?>' alt='image' name="imagen" id="imagen" /> 
</td> 
<td width=""><input name="" type="label" value='<?php echo $row['Producto_Nombre']; ?>' /> 
</td> 
<td width=""><input name="" type="label" value='<?php echo $row['Producto_Descripcion']; ?>' /> 
</td> 
<td width=""><input name="" type="label" value='$<?php echo $row['Producto_Precio']; ?>' /> 
     </td> 
     </tr> 
</table> 
<input type="submit" name="Reservar" id="Reservar" value="Reservar" /> 
      </p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 


      <input type="text" size="2" name="total" value="0"/> 
     </form> 

im letzten Texteingabefeld, die Summen der ausgewählten Radio-Buttons erscheinen, in der Theorie. Wie kann ich das machen? Dieser proposed Code ist für eine Gruppe von Radios mit dem gleichen Namen und die Radio-Tasten in benachbarten Zeilen des Textes

meine PHP-Seite führt Abfragen von jedem Gruppennamen von Radio-Buttons, so dass ich am Ende mit bis zu 4 Artikel pro Gruppe. Ich muss die Summe der Radios aus jeder Gruppe addieren.

die vorgeschlagene Skript für Kontrollkästchen ist die folgende:

<script type="text/javascript"> 
    function checkTotal() { 
     document.listForm.total.value = ''; 
     var sum = 0; 
     for (i=0;i<document.listForm.choice.length;i++) { 
      if (document.listForm.choice[i].checked) { 
      sum = sum + parseInt(document.listForm.choice[i].value); 
      } 
     } 
     document.listForm.total.value = sum; 
    } 
</script> 

Answer 1

Ich löste es durch Erstellen einer Gruppe pro Funkgerät, Hinzufügen der Gruppen und Anzeigen der Gesamtzahl in einem leeren Text-Eingabefeld.

Answer 2

Ich weiß nicht, ob ich das Problem verstanden, aber ich denke, dass es das lösen kann: Onclick

In Ihrem Radio-Buttons Sie können das Element als Parameter an Ihre Funktion übergeben, indem Sie dies verwenden.

<td><input name="bebida" type="radio" onclick="checkTotal(this)" value="2" /> 

Jetzt Ihre checkTotal Funktion wird das Element erhalten und Sie können es wie Sie wollen manipulieren.

checkTotal = function (e) { 
    console.log(e.value); 
} 

Und je nachdem, was Sie tun möchten, können Sie onclick or onchange. Der Unterschied ist, dass onclick funktioniert, auch wenn das Radio bereits ausgewählt ist.

Hoffe, dass es dein Problem löst.