Cách nghe khi hộp kiểm được chọn trong Jquery

Question

Tôi cần biết khi nào bất kỳ hộp kiểm nào trên trang được chọn:

ví dụ:

<input type="checkbox"> 

tôi đã cố gắng này trong Jquery

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

Nhưng nó đã không làm việc, bất kỳ ý tưởng?

Answer 1

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

Here is a demo

Answer 2

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

Chỉ cần một bình thường .click sẽ làm.

Answer 3

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

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

}); 

đây là fiddle http://jsfiddle.net/SXph5/

jquery change

Answer 4

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

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

Answer 5

Sử dụng sự kiện change() và is() kiểm tra:

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

Tôi đã cập nhật ở trên, theo sau, vì sự phụ thuộc ngớ ngẩn của tôi trên jQuery (trong if) khi các thuộc tính DOM sẽ phù hợp như nhau và cũng rẻ hơn để sử dụng. Cũng chọn đã được thay đổi, để cho phép nó được thông qua, trong những trình duyệt có hỗ trợ nó, để document.querySelectorAll() phương pháp của DOM:

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

Đối với mục đích hoàn chỉnh, điều tương tự cũng có thể dễ dàng có thể trong đồng bằng JavaScript:

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); 
}); 

---

Tài liệu tham khảo:

• JavaScript:
  • Array.from().
  • Array.prototype.forEach().
  • document.querySelectorAll().
  • EventTarget.addEventListener().
• jQuery:
  • :checked.
  • change().
  • is().

Answer 6

Hãy thử

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