켜기 끄기 스위치 - 확인란

Question

다음 코드에서 - 어떻게 확인을 수행하고 선택을 취소 할 수 있습니까? 지금은 단지 하나만하고 있습니다 :

$('#div_group').click(function() { 
     var status = $(this).attr('checked'); 
     if(! status) { 
     status = false; 
     } 
     $("input[id~='div_group']").attr('checked', true); 

    }); 

Answer 1

사용 .prop 대신 .attr :

$('#div_group').click(function() { 
    var $this = $(this); 

    $("input[id~='div_group']").prop('checked', $this.is(':checked')); 
}); 

이유는 무엇입니까? http://api.jquery.com/prop/

Answer 2

attr 대신 prop를 사용해야합니다. ...

$("input[id~='div_group']").prop('checked', true); 

을 시도하고 다음 당신은 요소의 :checked 속성을 보려면이 경우 .is()을 사용할 수 있습니다 false

Answer 3

에 true 설정의 선택을 취소 할 수 있습니다. 이렇게하면 각각 하나 사실 또는 거짓에 요소의 :checked 속성을 설정 .prop()를 사용해야합니다.

$('#div_group').on('click', function() { 
    if($(this).is(':checked')) { 
     $("input[id~='div_group']").prop('checked', false); 
    } else { 
     $("input[id~='div_group']").prop('checked', true); 
    } 
});