如何根据数组值

Question

我真的需要你的帮助，我似乎无法找到类似的解决方案，这将为我在这里要完成的工作提供所需的支持。

如何以编程方式根据数组中的值检查以下复选框。

var arr = ['recurr_date2','recurr_date4']

我想查看其值为recurr_date2和recurr_date4的复选框

以下是HTML标记：

<input name="recurr_target" value="recurr_date2" type="checkbox">
<input name="recurr_target" value="recurr_date3" type="checkbox">
<input name="recurr_target" value="recurr_date4" type="checkbox">

我也很好用anch也使用jQuery

Answer 1

试试这个。

var arr = ['recurr_date2','recurr_date4']
arr.forEach(function(ar){
  if(!$('input[value='+ar+']').prop('checked'))//see if its unchecked
    $('input[value='+ar+']').click()
})

Answer 2

var arr = ['recurr_date2','recurr_date4']
for(let name of arr) {
  document.querySelector(`[value="${name}"]`).setAttribute('checked', '')
}

这是做什么的：

1. 遍历复选框列表以勾选
2. 获取DOM元素
3. 添加checked属性

Answer 3

使用filter检查输入值是否在数组中。

＆＃13;

＆＃13;

var arr = ['recurr_date2', 'recurr_date4'];

$("input[name='recurr_target']").filter(function() {
  return arr.indexOf(this.value) != -1;
}).prop("checked", true);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<input name="recurr_target" value="recurr_date2" type="checkbox" />
<input name="recurr_target" value="recurr_date3" type="checkbox" />
<input name="recurr_target" value="recurr_date4" type="checkbox" />

＆＃13;

＆＃13;

＆＃13;