选中基于数组的复选框

时间:2015-11-03 13:03:12

标签: javascript jquery angularjs

<input type="checkbox" value="1"  />
<input type="checkbox" value="2" />
<input type="checkbox" value="3"  />
<input type="checkbox" value="4" />
<input type="checkbox" value="5"  />
<input type="checkbox" value="6" />
<input type="checkbox" value="7"  />
<input type="checkbox" value="8" />
<input type="checkbox" value="9"  />
<input type="checkbox" value="10" />

 FilterArray=[
{member_Key: 1},
{member_Key: 4},
{member_Key: 7},
   ]

我想根据FilterArray检查inisde中的所有复选框。它应该检查页面加载上的复选框。

2 个答案:

答案 0 :(得分:0)

您可以遍历数组,然后使用属性选择器方法获取具有特定值的复选框。

$.each(FilterArray, function (index, value) {
    $("input[type='checkbox'][value=" + value.member_Key + "]").prop("checked", true);
});

Fiddle

答案 1 :(得分:0)

试试这个

$(document).ready(function () {
    var FilterArray = [1, 4, 7];
    $('#myForm').find('input').each(function () {
        $(this).prop("checked", ($.inArray(parseInt($(this).val()), FilterArray) != -1));
    });
});

这是Fiddle Link