모두 선택 확인란 - 값 수집

Question

확인란이있는 컨테이너가 있습니다. 컨테이너 외부에있는 모든 체크 박스를 선택했습니다.

<tr> 
<td width="33%">Category <br> <input type="checkbox" id="all_cat" name="catChkBox" class="ckbox"/> Select All/ Unselect All </td> 
</tr> 
    <tr> 
    <td width="50%" valign="top" id="catTd"> 
             <div class="container" id="categoryContainer"></div> 
            </td> 
    </tr> 

사용 DWR 호출은 내가 체크 박스 값이 컨테이너 내부에 채워 얻을.

... function(data.... // data has got the values to be displayed in container with checkboxes 
for(var i=0; i<data.length; i++) 
{ 
$('#catContainer').append('<input type="checkbox" data-name="' + data[i].id + '" name="catChkBox" class="ckbox" id = "' + data[i].id + '" value="' + data[i].id + '" /> ' + data[i].name + '<br/>'); 
list = data[i].name; 
catSL.push(data[i].id); 
} 
categories = $("input[name=catChkBox]:checked").map(function() { 
return $(this).data('name'); 
}).get(); 
}, errorHandler:function(){ 
},async:false 
}); 

지금 모든 옵션을 선택하고 싶습니다. 컨테이너 외부의 모두 선택 확인란을 클릭하면 컨테이너 안의 확인란을 선택해야합니다. 마찬가지로 모두 선택을 취소하십시오. 나는 아래의 코드를 시도했지만, 그것은 일을 dosent.

$('#all_cat').click(function(){ 
    for(var i=0; i<categoryData.length; i++) //categoryData is the data which i get from dwr call 
    { 
    $(categoryData[i].id).prop('checked', isChecked('all_cat')); 
    } 
    }); 
function isChecked(checkboxId) { 
    var id = '#' + checkboxId; 
    return $(id).is(":checked"); 
} 

아무 도움 ?????

Answer 1

당신은 당신의 용기 내부의 모든 체크 박스를 선택하는 것이 적절 jQuery를 선택 사용할 수 있습니다

설정하고 한 번에 checked 특성 :

$('#all_cat').click(function() { 
    $('#catContainer input.ckbox').prop('checked', $(this).is(':checked')); 
}); 

Answer 2

이는 #all_cat 같은 선택 상태로 컨테이너 사업부 내부의 모든 체크 박스를 설정합니다 체크 박스 :

$('#all_cat').click(function(){ 
    $('#categoryContainer input:checkbox').prop('checked', $(this).is(':checked')); 
});