2011-08-29 2 views
18

정확한 용어를 모르겠지만 onclick과 같은 효과를 원하지만 jquery 또는 javascript가있는 확인란을 선택하십시오.체크 박스 jquery 또는 javascript oncheck?

의 onclick 버전 :

<a href="..." onclick="function()">Link</a> 

나는 위하지만, 체크 박스와 동일한 효과를합니다. 최종 결과는 페이지가 업데이트 된 PHP 쿼리로 다시로드되어야하지만 내가 할 수있는 부분입니다. 나는 onclick이 체크 박스를 위해 무엇인지 모릅니다.

체크 박스 :

<input type="checkbox" name="change" value="one" />changes php query 

답변

3
$('#input_id').click(function() { 
    // do what you want here... 
}); 
+0

를 확인하고 선택되어 언제? – cbr0wn

+0

체크하거나 선택을 해제 할 때마다 클릭 할 때 실행됩니다. –

+1

원래 질문의 일부는 아니지만 체크 박스와 일치하는'label '이 있으면 그곳에'.click()'함수를 추가해야 할 필요가 있음을 언급 할 필요가 있습니다 게다가. –

48

당신은 체크 박스를 선택할 수 있습니다 같이 change 이벤트를 수신하거나 너무 키보드를 해제해야 http://api.jquery.com/checkbox-selector/ :

$('input[type="checkbox"][name="change"]').change(function() { 
    if(this.checked) { 
     // do something when checked 
    } 
}); 
마찬가지로 일반 자바 스크립트 10

:

// checkbox is a reference to the element 

checkbox.onchange = function() { 
    if(this.checked) { 
     // do something when checked 
    } 
}; 

그리고 마지막으로, 당신이 정말로 인라인 이벤트 핸들러를 사용하지 않아야하지만,하지만, 당신이있는 경우 : handler은 위의 핸들러처럼

<input ... onchange="handler.call(this)" /> 

.


추가 읽기 : 함수 실행 체크 박스는

+2

+1, 다른 답변에서는 고려하지 않는 일치하는 라벨을 클릭하여 체크 박스를 전환 할 수도 있습니다. 이것은 분명히 최고의 대답입니다. –