jquery - 单击 td，选择 jQuery 中的单选按钮

Question

一些非常基本的 jQuery 遇到了一个小问题，我希望能够单击表格单元格，然后让它自动选择其中的单选按钮。

HTML:

  <table>
   <tr>
    <td>
     1<br>
     <input type="radio" name="choice" value="1">
    </td>
    <td>
     2<br>
     <input type="radio" name="choice" value="2">
    </td>
    <td>
     3<br>
     <input type="radio" name="choice" value="3">
    </td>
   </tr>
  </table>

jQuery:

 $("td").click(function () {

  $(this).closest('input:radio').attr('checked',true);

 });

如有任何帮助，我们将不胜感激，谢谢!

Answer 1

使用此选择器:

$('input:radio', this).attr('checked', true);

或者使用find方法:

$(this).find('input:radio').attr('checked', true);

您的代码应如下所示:

$("td").click(function () {
   $(this).find('input:radio').attr('checked', true);
});