为什么点击或更改事件都没有触发我的函数

Why does none of click or change event trigger my function?

本文关键字：函数 我的 事件 为什么      更新时间：2023-09-26

好吧，我检查了jQuery文档，根据它，我可以做如下的事情：

function notifyme(){
    console.log(true)
}
$('button').on('click', notifyme );

这是正确的。但是我的代码似乎不起作用。

这是我的代码中的内容。我有一个div 的 id myinput如下所示：

<div id="myinput">
    <input type="checkbox" value="0"/>
</div>

这是我的jQuery代码：

$('#myinput input').on( 
    'change', 
    My_fn( $(this).prop('checked') )
);
My_fn( theVal ){
    if( theVal == true ){
        console.log(true)
    }
    else{
        console.log(false)
    }
}

即使我尝试：

$('#myinput input').on( 
    'click', 
    My_fn( $(this).prop('checked') )
);

我没有控制台日志。

有趣的是，如果我将此代码放在脚本的开头：

My_fn( $('#myinput input').prop('checked') )

自从选中该复选框以来，我得到了true的控制台日志。

为什么click或change事件都不会触发My_fn()功能？

答知道了。

首先，我在使用 on 时删除了函数的参数。所以这个 My_fn( $(this).prop('checked') )变成了这个My_fn().现在使用 .on() .我只是写了 

$('#myinput input').on( 
    'click', 
    My_fn
);

它奏效了。感谢任何帮助过的人。

尝试下面的代码。 将 $（this）.prop（'checked'） 作为函数中的参数传递是错误的。

$('#myinput input').on( 
    'click', 
    My_fn
);
My_fn(){
  if( $(this).prop('checked')== true ){
    console.log(true)
  }
  else{
    console.log(false)
  }
}

或者您可以使用is（）选择器检查天气复选框是否选中

My_fn(){
  if( $(this).is(':checked') == true ){
    console.log(true)
  }
  else{
    console.log(false)
  }
}

首先声明函数。当您执行.on()时，您已经将输入元素的引用发送到事件处理程序 （My_fn），因此您不必有效地向函数发送参数。相反，在函数处理程序中尝试获取元素的属性。

尝试这样的事情

function My_fn(theVal){
  if( $(this).is(':checked') === true ){
    console.log(true)
  }else{
    console.log(false)
  }
}
$('#myinput input').on('change', My_fn);
相关文章：