모든 체크 박스를 확인하는 방법?

Question

JSP 코드는

<input 
    type="button" 
    class="btn btn-theme02 btn-xs " 
    value="CheckAll" 
    onClick="CheckAll(document.myform.checklist)" /> 
<input 
    type="button" 
    class="btn btn-theme02 btn-xs" 
    value="UnCheckAll" 
    onClick="UnCheckAll(document.myform.checklist)" /> 
<input 
    type="checkbox" 
    style="width: 20px" 
    class="checkbox form-control centered" 
    id="checklist" 
    name="checklist" 
    value="<%=voucher.getId()%>" /> 

체크 박스가 테이블에 있습니다. 확인란 행은 동적입니다.

자바 스크립트 : 하나의 체크 박스를 작동하지 않는 두 개 이상의 checkbox.These 버튼이있는 경우

function CheckAll(chk) 
{ 
    for (i = 0; i < chk.length; i++) 
     chk[i].checked = true ; 
} 

function UnCheckAll(chk) 
{ 
    for (i = 0; i < chk.length; i++) 
     chk[i].checked = false ; 
} 

CheckAll 및 UnCheckAll 버튼 노력하고 있습니다.

감사합니다.

$(":checkbox").prop('checked', true); 

Answer 1

당신은 할 수 있습니다. 이 작업을 시도하고 추가 문제에 대해 알려 주시기 바랍니다. 전통적인 JS에서

Answer 2

이 시도 :

function CheckAll(){ 
$('input[type=checkbox]').each(function() { 
      $(this).prop('checked', true); 
}); 
} 
function UnCheckAll(){ 
$('input[type=checkbox]').each(function() { 
      $(this).prop('checked', false); 
}); 
} 

을하고 매개 변수로 전달되는 것을 제거

Answer 3

:

function CheckAll(state) { 
    var i = 0, 
    inputs = document.getElementsByTagName('input'); 

    for (i = 0; inputs.length; i++) { 
     if (inputs[i].type === 'checkbox') { 
      inputs[i] = state; 
     } 
    } 
} 

checkAll(true); // to check 
checkAll(false); // to uncheck