复选框jquery或javascript oncheck?

时间:2011-08-29 21:04:04

标签: javascript jquery html

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

onclick版本:

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

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

复选框:

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

3 个答案:

答案 0 :(得分:52)

您应该收听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与上面显示的处理程序类似。


进一步阅读:

答案 1 :(得分:3)

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

答案 2 :(得分:2)

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

请参阅http://api.jquery.com/checked-selector/http://api.jquery.com/checkbox-selector/