Jquery에서 확인란을 선택했을 때 듣는 방법

Jquery에서 확인란을 선택했을 때 듣는 방법

페이지의 확인란이 언제 선택되어 있는지 알아야 합니다.

예.

<input type="checkbox">

Jquery에서 이걸 먹어봤어요.

$('input type=["checkbox"]').change(function(){
alert('changed');
});

하지만 효과가 없었어요, 무슨 생각 있어요?

사용.change()이벤트, 그리고is()테스트:

$('input:checkbox').change(
    function(){
        if ($(this).is(':checked')) {
            alert('checked');
        }
    });

저는 jQuery에 대한 저의 어리석은 의존 때문에 위의 내용을 다음과 같이 업데이트했습니다.ifDOM 속성이 동일하게 적절할 뿐만 아니라 사용하기에도 저렴할 때.또한 선택기는 이를 지원하는 브라우저에서 DOM으로 전달할 수 있도록 변경되었습니다.document.querySelectorAll()방법:

$('input[type=checkbox]').change(
    function(){
        if (this.checked) {
            alert('checked');
        }
    });

완성을 위해 일반 자바스크립트에서도 동일한 작업이 쉽게 가능합니다.

var checkboxes = document.querySelectorAll('input[type=checkbox]'),
    checkboxArray = Array.from( checkboxes );

function confirmCheck() {
  if (this.checked) {
    alert('checked');
  }
}

checkboxArray.forEach(function(checkbox) {
  checkbox.addEventListener('change', confirmCheck);
});

---

참조:

• 자바스크립트:
  • Array.from().
  • Array.prototype.forEach().
  • document.querySelectorAll().
  • EventTarget.addEventListener().
• jQuery:
  • :checked.
  • change().
  • is().

$('input:checkbox').live('change', function(){
    if($(this).is(':checked')){
        alert('checked');
    } else {
        alert('un-checked');
    }
});

jsfiddle: http://jsfiddle.net/7Zg3x/1/

$('input:checkbox').change(function(){
    if($(this).is(':checked')){
        alert('Checked');
    }
});

여기 데모가 있습니다.

이 작업에 .을 사용하려면

 jQuery('input[type=checkbox]').on('change', function() {
   if (this.checked) {
     console.log('checked');
   }
 });

이거 먹어봐요.

$('input:checkbox').change(function(){
   if(this.checked)
      alert('checked');
   else
      alert('not checked');
});

$("input:checkbox").change(function(){

alert($(this).val());

});

이것은 http://jsfiddle.net/SXph5/ 의 fiddle입니다.

jquery change

$("input[type='checkbox']").click(function(){
    alert("checked"); 
});

그냥 평범한.click할 거다.

언급URL : https://stackoverflow.com/questions/6878757/how-to-listen-to-when-a-checkbox-is-checked-in-jquery