Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
复选框jquery还是javascript oncheck?_Javascript_Jquery_Html - Fatal编程技术网

复选框jquery还是javascript oncheck?

复选框jquery还是javascript oncheck?,javascript,jquery,html,Javascript,Jquery,Html,我不知道这方面的正确术语,但我想要与onclick相同的效果,但要使用jquery或javascript复选框 onclick版本: <a href="..." onclick="function()">Link</a> 我想要和上面一样的效果,但是要有一个复选框。最终的结果是页面应该重新加载一个更新的php查询,但我可以做到这一点。我只是不知道复选框的onclick是什么 复选框: <input type="checkbox" name="change" v

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

onclick版本:

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

我想要和上面一样的效果,但是要有一个复选框。最终的结果是页面应该重新加载一个更新的php查询,但我可以做到这一点。我只是不知道复选框的onclick是什么

复选框:

<input type="checkbox" name="change" value="one" />changes php query
更改php查询

请参见和

您应该收听
更改
事件,因为也可以使用键盘选择或取消选择复选框:

$('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
与上面显示的处理程序类似


进一步阅读:


当复选框被选中和取消选中时,函数会运行吗?无论你是选中还是取消选中,它都会在你单击时运行。我知道这不是原始问题的一部分,但值得一提的是,如果你有一个匹配的
标签
,你还需要添加一个
。click()“+”代码也在其中。+ 1,您也可以通过单击一个匹配的标签来切换复选框,而其他的答案则不考虑。这绝对是最好的答案。
// checkbox is a reference to the element

checkbox.onchange = function() {
     if(this.checked) {
         // do something when checked
     }
};
<input ... onchange="handler.call(this)" />