jQuery를 통해 체크 박스를 선택할 때마다 함수를 실행하는 방법은 무엇입니까?

Question

여기에서 여러 가지 질문을 읽었지만 jQuery에서 확인란을 처리하는 가장 좋은 방법에 대해 혼란스러워합니다. 다음 HTML에 대한

:

<div><input type="checkbox" id="checkBox"/>Checkbox</div> 

나는 사용자가 체크 박스를 클릭 할 때 자바 스크립트 함수를 실행하고 싶지만, 사용자가 체크 박스를 선택하거나 선택 취소하지 않을 경우.

내가 jQuery를 .is(':checked')를 사용하여 코드를 노력했지만 어떤 반응을 얻을 수없는 것, 내가 사용하려고 할 때 경우 ... else 문 $("#checkBox").change(function() {}) 내 것이 돌아가서 등 불안정한 모든 종류의 것들 일이 있었하기 .

시작하는 방법에 대한 조언? 초보자 초보자 인내심에 감사드립니다.

Answer 1

$("#checkBox").change(function() { 
    if(this.checked){ 
     // yesh here 
    } 
}) 

추가 네이티브 JS를 메모 한 후. 최대한 확장하려면 네이티브 JS를 사용하십시오. 거의 모든 정상적인 상황은 더 빠르며 리소스를 덜 소모합니다. 같은 이유로 당신은 사용하지 말아 $(this).attr('id')하지만 this.id yyou가 .on() 방법을 선호하는 경우, 준비 문서에 배치 할 수있다

:

$("#checkBox").on('change', function() { 
    if(this.checked){ 
     // yesh here 
    } 
}) 

Answer 2

당신은 그것으로 수행 할 수 있습니다

$('#checkbox').on('change', function() { 
    if (this.checked) { 
     // Do your stuff 
    } 
}); 

Answer 3

이 시도 :

$('#checkbox-id').change(function() { // change #checkbox-id with our checkbox id 
    var el = $(this); 
    if (el.prop('checked')) { 
     // add your code here 
    } 
});