javascript - 复选框 jquery 或 javascript oncheck？

Question

我不知道正确的术语，但我想要与 onclick 相同的效果，但使用 jquery 或 javascript 的复选框。

点击版本:

<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 documentation
• MDN JavaScript Guide
• quriksmode.org Introduction to Events