在表格的行或列中選擇單選按鈕

Question

我有以下標記：

 <table> <tr> <td><input type="radio" name="radio"></td> <td><input type="radio" name="radio"></td> <td><input type="radio" name="radio"></td> </tr> <tr> <td><input type="radio" name="radio"></td> <td><input type="radio" name="radio"></td> <td><input type="radio" name="radio"></td> </tr> <tr> <td><input type="radio" name="radio"></td> <td><input type="radio" name="radio"></td> <td><input type="radio" name="radio"></td> </tr> </table> 

這是一個3x3的表格，里面有9個單選按鈕。 我想對其進行配置，以便可以：

• 每行僅選擇1個單選按鈕，或者
• 每列僅選擇1個單選按鈕

沒有任何JavaScript，這可能嗎？ 謝謝！

Answer 1

您可以使行/列中的輸入（取決於您想要的名稱）具有相同的名稱，因此只能檢查其中之一。

每排一個

 <table> <tr> <td><input type="radio" name="radio1"></td> <td><input type="radio" name="radio1"></td> <td><input type="radio" name="radio1"></td> </tr> <tr> <td><input type="radio" name="radio2"></td> <td><input type="radio" name="radio2"></td> <td><input type="radio" name="radio2"></td> </tr> <tr> <td><input type="radio" name="radio3"></td> <td><input type="radio" name="radio3"></td> <td><input type="radio" name="radio3"></td> </tr> </table> 

每列一個

 <table> <tr> <td><input type="radio" name="radio1"></td> <td><input type="radio" name="radio2"></td> <td><input type="radio" name="radio3"></td> </tr> <tr> <td><input type="radio" name="radio1"></td> <td><input type="radio" name="radio2"></td> <td><input type="radio" name="radio3"></td> </tr> <tr> <td><input type="radio" name="radio1"></td> <td><input type="radio" name="radio2"></td> <td><input type="radio" name="radio3"></td> </tr> </table>