Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.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/2/jquery/87.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
Javascript Jquery:如何在单击时调用函数_Javascript_Jquery_Checkbox - Fatal编程技术网

Javascript Jquery:如何在单击时调用函数

Javascript Jquery:如何在单击时调用函数,javascript,jquery,checkbox,Javascript,Jquery,Checkbox,我有一个称为的复选框,点击该复选框我调用下面的函数 $('#checkbox-id').on('click', function(){ alert("clicked"); }).each(function(){this.checked = ace.settings.is('main-container', 'fixed')}) 我想从不同的函数调用相同的方法。首先我需要检查天气复选框是否被选中,然后我需要调用函数,一旦复选框被选中,我就使用这个代码 $(document).read

我有一个称为的复选框,点击该复选框我调用下面的函数

 $('#checkbox-id').on('click', function(){
    alert("clicked");
 }).each(function(){this.checked = ace.settings.is('main-container', 'fixed')})
我想从不同的函数调用相同的方法。首先我需要检查天气复选框是否被选中,然后我需要调用函数,一旦复选框被选中,我就使用这个代码

$(document).ready(function(){
   if(document.getElementById('checkbox-id').checked){
       $('#checkbox-id').click() // getting called but also unchecking checkbox it should not uncheck
   }
});
这是工作,但它也取消选中复选框,我不想

那么,我如何在不取消选中复选框的情况下调用该函数呢


这里是复制。

您可以检查复选框是否选中,如:

$(document.body).on('change', '#chkID', function () {
        if (this.checked) {
            // CHECK BOX IS CHECKED
        }
        else {
            // CHECK BOX IS NOT CHECKED
        }
    });

尝试声明函数而不是使用匿名函数:

function handle_click() {
    alert("clicked");
}

$('#checkbox-id').on('click', handle_click);

$(document).ready(function(){
   if(document.getElementById('checkbox-id').checked){
       handle_click();
   }
});

您可以使用此选项,一旦选中复选框,将触发警报

 $('#checkbox-id').on('click', function () {
                    if ($(this).prop("checked") == true) {
                        alert("clicked");
                    }               
                });
请改为尝试触发:

唯一的解决方法不是正确的解决方案

 $(document).ready(function(){
   if(document.getElementById('checkbox-id').checked) {
        $('#checkbox-id').click() // getting called but also unchecking checkbox should not uncheck
        $('#checkbox-id').prop('checked', true);
   }
});

这应该可以用,$'checkbox-id'。在'change'上,函数{if$This.is':选中了{$'ace-settings-add-container'。单击;};请参阅我编辑的问题。在选择或单选按钮上使用更改事件侦听器始终是更好的做法单击事件用于按钮元素。您能提供一个提琴吗?已经由PL编写。我只想从我的函数调用该函数。我不确定是否理解您的评论。你看到我打了两次电话吗?
 $(document).ready(function(){
   if(document.getElementById('checkbox-id').checked) {
        $('#checkbox-id').click() // getting called but also unchecking checkbox should not uncheck
        $('#checkbox-id').prop('checked', true);
   }
});