單選按鈕不工作（可同時選擇多個單選按鈕）

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>

單選按鈕我按預期的方式不起作用。現在我可以一次選擇多個單選按鈕而不是一個。我該如何解決這個問題？

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>