如何根据值检查复选框?

Pau*_*aul 14 html checkbox jquery

我正在返回一个JSON数据结构,我拆分并填充我的数组,如下所示:

var arrayValues = data.contents.split('|');

// arrayValues = 1,3,4
Run Code Online (Sandbox Code Playgroud)

如何根据数组值检查相应的复选框?

我的HTML看起来像这样:

 <div id="divID">
     <input type="checkbox" name="test" value="1" /> Test 1<br />
     <input type="checkbox" name="test" value="2" /> Test 2<br />
     <input type="checkbox" name="test" value="3" /> Test 3<br />
     <input type="checkbox" name="test" value="4" /> Test 4<br />
     <input type="checkbox" name="test" value="5" /> Test 5<br />                           
 </div>
Run Code Online (Sandbox Code Playgroud)

Sha*_*oli 19

尝试使用属性选择器

$.each(arrayValues, function(i, val){

   $("input[value='" + val + "']").prop('checked', true);

});
Run Code Online (Sandbox Code Playgroud)


Joh*_*ock 11

使用Javascript

$.each(arrayValues, function (index, value) {
  $('input[name="test"][value="' + value.toString() + '"]').prop("checked", true);
});
Run Code Online (Sandbox Code Playgroud)