ラジオボタンからラジオボタンの値をフォームを送信せずに追加します

Question

この機能を使用すると、チェックボックスを追加することができますが、ラジオボタンを追加する必要があります。

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

私のフォームは以下の通りです：最後の入力テキストボックスに

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

、選択したラジオボタンの合計は、理論的には、表示されます。どのように私はこの仕事をすることができます。このプロポーザルコードは、同じ名前のラジオグループと隣接するテキスト行のラジオボタン用です

私のPHPページでは、ラジオボタンの各グループ名のクエリが実行されるため、グループあたり最大4つのアイテムになります。私は各グループから選んだラジオの合計を集計する必要があります。

は、チェックボックスの推奨スクリプトは次のようである：私はあなたの問題を理解している場合

<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

ラジオのセットごとにグループを作成し、グループを追加して合計を空のテキスト入力ボックスに表示することで解決しました。

Answer 2

私は知らないが、私はそれはそれを解決することができると思います：あなたのラジオボタンで

のonclickこれを使用して、要素をパラメータとして関数に渡すことができます。

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

ここでcheckTotal関数が要素を受け取り、必要に応じて操作できます。

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

あなたが何をしたいのかによって、あなたはonclickまたはonchangeを使用できます。違いは、ラジオが既に選択されていてもonclickはまだ動作するということです。

あなたの問題を解決することを願っています。