Как сделать переключатели взаимоисключающими для всей строки в таблице с помощью jQuery

#javascript-events

#javascript #jquery

Вопрос:

У меня есть одно требование в моем веб-приложении, надеюсь, я получу здесь помощь..

 <div id="Content">
<table id="Grid1">
<tr>
<td><input type="radio" id="test1"></td><td>One</td>
</tr>
<tr>
<td><input type="radio" id="test2"></td><td>Two</td>
</tr>
<tr>
<td><input type="radio" id="test3"></td><td>Three</td>
</tr>
</table>
</div>
  

Эти переключатели должны быть взаимоисключающими. Пожалуйста, кто-нибудь, помогите мне.

Ответ №1:

Чтобы сделать то, что вы просите, вы должны использовать несколько форм, в данном случае 3 формы.

 <form> 
    <input type="radio" name="choice1a" value="1a">Choice 1a
    <input type="radio" name="choice1b" value="1b">Choice 1b
</form>
<form> 
    <input type="radio" name="choice2a" value="2a">Choice 2a
</form>
<form> 
    <input type="radio" name="choice3a" value="3a">Choice 3a
</form>