바인딩 클릭하여 체크 상자를 전환하십시오.

Question

클릭 이벤트를 div에 바인드하여 그 내부의 체크 박스를 토글하려고합니다. 나는 이것을 시도했다 :

$(".extraOp").bind('click', function(){ 
     var chk = $(this).find('input'); 
     chk.attr('checked', !chk.attr('checked')) 
    }); 

문제점은 한 번만 작동하고 선택을 해제하고 선택을 해제하면 문제가되지 않는다는 것이다. 어떤 아이디어?

감사합니다.

Answer 1

사용 .prop() 대신 .attr()는

chk.prop('checked', !chk.prop('checked')) 

또는

chk.prop('checked', function(i, checked){ 
    return !checked 
}) 

읽기 Prop vs Attr