检查所有复选框相匹配的数组项

Question

我有以下的HTML（其为反应真的JSX代码，但它是相同的）：

<div id="roles-checkboxes"> 
    <label id={role} key={index} ><input type="checkbox" name="checkbox" value={role.role} /> {role.role}</label> 
    <label id={role} key={index} ><input type="checkbox" name="checkbox" value={role.role} /> {role.role}</label>  
</div> 

我有我进入我的功能数组，其中包含所有的应当检查role复选框：

checkRoleBoxes(roles){ 
    $('#roles-checkboxes').each(function(){ 
     if ($.inArray($(this).val(), roles)){ 
      $(this).prop('checked', true); 
     } 
    }) 

我似乎无法得到，尽管我发现的功能相匹配的箱子检查，我在设置checked属性错了吗？我也试过$(this).attr('checked', true);没有运气。

Answer 1

更改选择是：

$('#roles-checkboxes input') 

Answer 2

我敢肯定这一点：

$('#roles-checkboxes').each(); 

是简单地遍历一个DIV。也许它更改为：

$('#roles-checkboxes input[type=checkbox]').each();