如何从jquery中的值自动检查复选框？

Question

我每个值都有一个复选框。我想自动检查checkbox。 在这种情况下，我使用逻辑＆，但是它不起作用。 示例：值sum = 5：检查食物和水，sum = 4：检查水，sum = 3：检查糖果和食物，...。

 var sum = 5; var list = document.getElementsByClassName("checkbox1"); for (var i = 0; list[i]; ++i) { if ( (sum & list[i].val()) == list[i].val() ) { $(this).prop('checked', true); } } 

 <table id="div_table"> <tbody> <tr> <td> <input type="checkbox" class="checkbox1" id="candy" value="2" /> </td> <td>Candy</td> </tr> <tr> <td> <input type="checkbox" class="checkbox1" id="food" value="1" /> </td> <td>Food</td> </tr> <tr> <td> <input type="checkbox" class="checkbox1" id="water" value="4" /> </td> <td>Water</td> </tr> </tbody> </table> 

谢谢大家

Answer 1

当前复选框dom对象位于for循环的list[i]中。 您可以将对象转换为jquery，然后将属性设置为true：

for (var i = 0; list[i]; ++i){
 var currentchckbox = $(list[i]);
  if ((sum & currentchckbox.val()) == currentchckbox .val() ) {
    currentchckbox.prop('checked', true);
  }
}