ラジオボタンが機能しない（一度に複数のラジオボタンを選択することができます）

Question

私は次のようなHTMLがあります。

<table> 
 
    <tr> 
 
     <td>Sys/Prod/Proc :</td> 
 
     <td width="10px"></td> 
 
     <td><input type="radio" value="A"/></td> 
 
     <td width="10px"></td> 
 
     <td><input type="text" class="form-control"/></td> 
 
    </tr> 
 
    <tr height="10px"></tr> 
 
    <tr> 
 
     <td>Sub-Sys/Prod/Proc :</td> 
 
     <td width="10px"></td> 
 
     <td><input type="radio" value="B"/></td> 
 
     <td width="10px"></td> 
 
     <td><input type="text" class="form-control"/></td> 
 
    </tr> 
 
    <tr height="10px"></tr> 
 
    <tr> 
 
     <td>Component :</td> 
 
     <td width="10px"></td> 
 
     <td><input type="radio" value="C"/></td> 
 
     <td width="10px"></td> 
 
     <td><input type="text" class="form-control"/></td> 
 
    </tr> 
 
</table>

ラジオボタンを予想通り、私は働いていませんしています。今度は、一度に1つではなく複数のラジオボタンを選択できます。どうすれば修正できますか？

Answer 1

各ラジオボタンは、互いに排他的に動作するように同じname属性を持つ必要があります。

<table> 
 
    <tr> 
 
    <td>Sys/Prod/Proc :</td> 
 
    <td width="10px"></td> 
 
    <td><input type="radio" name="radio" value="A" /></td> 
 
    <td width="10px"></td> 
 
    <td><input type="text" class="form-control" /></td> 
 
    </tr> 
 
    <tr height="10px"></tr> 
 
    <tr> 
 
    <td>Sub-Sys/Prod/Proc :</td> 
 
    <td width="10px"></td> 
 
    <td><input type="radio" name="radio" value="B" /></td> 
 
    <td width="10px"></td> 
 
    <td><input type="text" class="form-control" /></td> 
 
    </tr> 
 
    <tr height="10px"></tr> 
 
    <tr> 
 
    <td>Component :</td> 
 
    <td width="10px"></td> 
 
    <td><input type="radio" name="radio" value="C" /></td> 
 
    <td width="10px"></td> 
 
    <td><input type="text" class="form-control" /></td> 
 
    </tr> 
 
</table>