根据数组中的值检查复选框

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);

FIDDLE

Answer 2

一种简单的方法是迭代数组并使用prop方法和id选择器。

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

<强> Check Fiddle

Answer 3

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

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

您可以在Mozilla Developer Network

上详细了解每个内容