如何從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);
  }
}