jquery - 仅选中具有特定值的复选框

Question

我试图仅检查具有特定值的复选框。我知道如何获取该值，并且知道如何检查所有复选框，但我不知道如何仅检查那些具有“200”值的复选框

我的示例代码:

<tr>
    <td><input class="chk_box" type="checkbox" value="200" /></td>
    <td class="code">200</td>
</tr>
<tr>
    <td><input class="chk_box" type="checkbox" value="0" /></td>
    <td class="code">0</td>
</tr>
<tr>
    <td><input class="chk_box" type="checkbox" value="0" /></td>
    <td class="code">0</td>
</tr>
<tr>
    <td><input class="chk_box" type="checkbox" value="200" /></td>
    <td class="code">200</td>
</tr>
<tr>
    <td><input class="chk_box" type="checkbox" value="300" /></td>
    <td class="code">300</td>
</tr>

<input type="checkbox" class="checkbox_200" label="check 200"  />check 200

所以现在我需要 jQuery 代码来完成我的代码。我感谢任何帮助。

顺便说一句。有没有办法一次性检查“200”和“300”？

已更新!

Answer 1

您的复选框没有 value属性，如果要根据TD元素的文本内容勾选复选框，可以使用filter方法。

$('td.code').filter(function(){
   var txt = this.textContent || this.innerText;
   return txt === '200' || txt === '300';  
}).prev().find('input').prop('checked', true);

更新:

$('tr input[type=checkbox][value=200]').prop('checked', true);

替代方案:

$('tr input[type=checkbox]').filter(function(){
   return this.value === '200' || this.value === '300';
}).prop('checked', true);