hộp kiểm jquery hoặc javascript oncheck?

Question

Tôi không biết thuật ngữ chính xác cho điều này, nhưng tôi muốn tác dụng tương tự như onclick nhưng đối với một hộp kiểm với jquery hoặc javascript.

onclick phiên bản:

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

Tôi muốn tác dụng tương tự như trên nhưng đối với một hộp kiểm. Kết quả cuối cùng sẽ là trang nên tải lại với một truy vấn php cập nhật, nhưng phần đó tôi có thể làm. Tôi chỉ không biết những gì onclick là cho các hộp kiểm.

hộp kiểm:

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

Answer 1

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

Answer 2

$('input:checked').click(function() { 
    //do something 
}); 

Xem http://api.jquery.com/checked-selector/ và http://api.jquery.com/checkbox-selector/

Answer 3

Bạn nên lắng nghe sự kiện change, như hộp kiểm có thể được chọn hoặc bỏ chọn với bàn phím quá:

$('input[type="checkbox"][name="change"]').change(function() { 
    if(this.checked) { 
     // do something when checked 
    } 
}); 

Tương tự như vậy với đồng bằng JavaScript:

// checkbox is a reference to the element 

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

Và cuối cùng, mặc dù bạn thực sự không nên sử dụng xử lý sự kiện nội tuyến, nhưng nếu bạn phải:

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

nơi handler cũng giống như các trình xử lý nêu trên.

---

Tiếp tục đọc:

• jQuery documentation
• MDN JavaScript Guide
• quriksmode.org Introduction to Events