javascript - 基于数组中的值检查复选框

Question

使用数组或值进行复选框检查

html代码：

<div id="weekdays">
<label for="saturday">  Saturday    </label><input type='checkbox' name='week_day[]' value='saturday'  id="saturday">   
<label for="sunday">    Sunday      </label><input type='checkbox' name='week_day[]' value='sunday'    id="sunday"> 
<label for="monday">    Monday      </label><input type='checkbox' name='week_day[]' value='monday'    id="monday"> 
<label for="tuesday">   Tuesday     </label><input type='checkbox' name='week_day[]' value='tuesday'   id="tuesday">    
<label for="wednesday"> Wednesday   </label><input type='checkbox' name='week_day[]' value='wednesday' id="wednesday">  
<label for="thursday">  Thursday    </label><input type='checkbox' name='week_day[]' value='thursday'  id="thursday">   
<label for="friday">    Friday      </label><input type='checkbox' name='week_day[]' value='friday'    id="friday"> 

大批

var f = ["saturday", "sunday", "monday"] 

信息 我想在这个表格上查看周六、周日和周一的日期

Answer 1

jQuery 选择器只不过是一个字符串，所以只需将数组加入一个 ID 字符串：

$('#'+f.join(', #')).prop('checked', true);

小提琴

Answer 2

一种简单的方法是遍历数组并使用prop方法以及 id 选择器。

for(var i=0;i<f.length;i++) {
    $('#' + f[i]).prop('checked', true)
}

检查小提琴

Answer 3

使用 Array 的 forEach 方法，即使没有 JQuery，这也非常简单。

f.forEach(function(i){
  document.getElementById(i).checked = true;
});

你可以在Mozilla 开发者网络上阅读更多关于每一个的信息