复选框jquery或javascript oncheck？

Question

我不知道这个的正确术语,但我希望与onclick具有相同的效果,但是对于带有jquery或javascript的复选框.

onclick版本:

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

我想要与上面相同的效果但是对于一个复选框.最终结果将是页面应该使用更新的php查询重新加载,但我可以做的那部分.我只是不知道onclick对于复选框是什么.

复选框:

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

Answer 1

你应该听一下这个change事件,因为可以选择复选框或者用键盘取消选择:

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

与纯JavaScript类似:

// checkbox is a reference to the element

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

最后,虽然你真的不应该使用内联事件处理程序,但如果你必须:

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

在哪里handler就像上面显示的处理程序.

进一步阅读:

• jQuery文档
• MDN JavaScript指南
• quriksmode.org活动介绍

Answer 2

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