javascript - 如何根据该列标题检查表格行中的单选按钮？

Question

我有如下场景:

我必须在标题为“MyHeader2”的单选按钮上添加属性“checked”

<table>
  <tr>
    <th>
      MyHeader
    </th>
    <th>
      MyHeader2
    </th>
  </tr>
  <tr>
    <td>
      <input type='radio' name='testradio' />
    </td>
    <td>
      <input type='radio' name='testradio1' />
    </td>
  </tr>
</table>

如何在 jQuery 中实现它？

Answer 1

试试这个:

$("table tr th:contains(MyHeader2)").each(function(){
  var i = $(this).index(); //Get the index of the th.
  $("table tr td:eq("+i+") input:radio").prop("checked",true); // Set the radio to checked. 
})

演示

$("table tr th:contains(MyHeader2)").each(function() {
  var i = $(this).index();
  $("table tr td:eq(" + i + ") input:radio").prop("checked", true)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <th>
      MyHeader
    </th>
    <th>
      MyHeader2
    </th>
  </tr>
  <tr>
    <td>
      <input type='radio' name='testradio' />
    </td>
    <td>
      <input type='radio' name='testradio1' />
    </td>
  </tr>
</table>