[jquery] 체크 박스의 확인 된 변경 이벤트 포착

Program / 글쓴이

<input type="checkbox" />jQuery로 확인 / 확인 해제 이벤트를 잡는 방법은 무엇입니까?

답변

<input type="checkbox" id="something" />

$("#something").click( function(){
   if( $(this).is(':checked') ) alert("checked");
});

편집 : 이렇게하면 키보드 사용과 같은 클릭 이외의 이유로 확인란이 변경 될 때 포착되지 않습니다. 이 문제를 방지하려면 change대신 click.

프로그래밍 방식으로 선택 / 선택 취소하려면 내 확인란 변경 이벤트가 트리거되지 않는 이유를 참조하세요.

답변

입력 확인란에 레이블이 첨부되어 있으면 클릭이 레이블에 영향을 미칩니 까?

.change () 함수를 사용하는 것이 더 낫다고 생각합니다.

<input type="checkbox" id="something" />

$("#something").change( function(){
  alert("state changed");
});

답변

사용 검사 : 체크 박스의 상태를 결정하는 선택을 :

$('input[type=checkbox]').click(function() {
    if($(this).is(':checked')) {
        ...
    } else {
        ...
    }
});

답변

JQuery 1.7 이상 사용 :

$('input[type=checkbox]').on('change', function() {
  ...
});

답변

이를 위해 아래 코드 스 니펫을 사용하십시오. :

$('#checkAll').click(function(){
  $("#checkboxes input").attr('checked','checked');
});

$('#UncheckAll').click(function(){
  $("#checkboxes input").attr('checked',false);
});

또는 단일 확인란으로 동일한 작업을 수행 할 수 있습니다.

$('#checkAll').click(function(e) {
  if($('#checkAll').attr('checked') == 'checked') {
    $("#checkboxes input").attr('checked','checked');
    $('#checkAll').val('off');
  } else {
    $("#checkboxes input").attr('checked', false);
    $('#checkAll').val('on');
  }
});

데모 : http://jsfiddle.net/creativegala/hTtxe/

답변

내 경험상 이벤트의 currentTarget을 활용해야했습니다.

$("#dingus").click( function (event) {
   if ($(event.currentTarget).is(':checked')) {
     //checkbox is checked
   }
});

답변

이 코드는 필요한 작업을 수행합니다.

<input type="checkbox" id="check" >check it</input>

$("#check").change( function(){
   if( $(this).is(':checked') ) {
        alert("checked");
    }else{
        alert("unchecked");
   }
});

또한 jsfiddle에서 확인할 수 있습니다.