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

Check Checkboxes based on values in an Array

本文关键字：复选框 数组      更新时间：2023-09-26

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

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"]

信息我想在这份表格上查看星期六、星期日和星期一

jQuery选择器只不过是一个字符串，所以只需将数组连接到ID的字符串中即可：

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

FIDDLE

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

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

您可以在Mozilla开发者网络上阅读更多关于

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

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

检查Fiddle

相关文章：