div와 함께 jquery를 사용하여 배열과 이름을 일치시켜 확인란을 선택하지 마십시오.

Question

<div id="menu" class="dropdown-menu hold-on-click dropdown-checkboxes pull-right"> 
    <label><input type="checkbox" id="cbox0" data-column="0" name = '1'>1</label> 
    <label><input type="checkbox" id="cbox0" data-column="0" name = "2'>2</label> 
    <label><input type="checkbox" id="cbox0" data-column="0" name = '3'>3</label> 
    <label><input type="checkbox" id="cbox0" data-column="0" name = '4'>4</label> 
    <label><input type="checkbox" id="cbox0" data-column="0" name = '5'>5</label> 
    <label><input type="checkbox" id="cbox0" data-column="0" name = '6'>6</label> 
</div> 

var columns = [ '2', '5', '6'];

에서 사용할 수있는 배열이 columns 배열에 있고, jQuery를 사용하여 확인해야합니다. 내가 봤는데 및 사용자가 div 아래의 모든 확인란을 사용할 수 있지만 여러 확인란을 찾을 수 내 문제는 모든 div 아래에 배치됩니다 label & 아래에 배치됩니다. 나는 그 열두번 columns 배열에 존재하는 열을 선택하고 싶습니다.

도와주세요.

Answer 1

당신은 단순히

$('#menu').find(':checkbox').prop('checked', true); 

주를 사용할 수 있습니다 ID는 서로 달라야합니다.

var columns = ['2','5','6']; 
$("#menu").find("input[type='checkbox']").filter(function(){ 
    return columns.indexOf($(this).attr('name')) > -1; 
}).prop("checked",true); 

이에 대한

DEMo

Answer 2

사용 JQuery와 속성 선택.

var columns = ['2','5','6']; 
$.each(columns, function(key, value) { 
    $("#menu :checkbox[name='"+value+"']").prop("checked",true); 
}); 

Fiddle