设置复选框以检查前两个表行中的输入字段

Question

我想设置复选框以检查表的前两个表行中的输入字段。

标记

<tbody>
<tr>
    <td>
     <input type="checkbox" id="" class="checkinput financeOption"><!--want this checked on page load-->
    </td>
      <td class="datatd">
      <label id="">Option 1</label>
    </td>   
</tr>
<tr>
    <td>
        <input type="checkbox" id="" class="checkinput financeOption"><!--want this checked on page load-->
    </td>
    </td>
    <td class="datatd"><label id="">Option 2 </label>
    </td>   
</tr>
<tr>
    <td>
       <input type="checkbox" id="" class="checkinput financeOption">
    </td>
      <td class="datatd"><label id="">Option 3</label>
    </td>   
</tr>

我知道我可以使用$（“”）。prop（'checked'，true）;设置属性，但努力弄清楚如何定位第一个2.

由于

Answer 1

您可以使用例如nth-child(-n+2)选择器：

$('table tr:nth-child(-n+2) :checkbox').prop('checked', true);

http://jsfiddle.net/B8h7N/

Answer 2

只需切片：

$("[type=checkbox]").slice(0,2).prop('checked', true);