如何检查单选按钮是否已经与“更改”绑定事件处理程序

Question

如果我有单选按钮：

<input id="y0" type="radio" name="myRadioBtns" value="a" checked> <label for="y0"></label>
<input id="y1" type="radio" name="myRadioBtns" value="b">  <label for="y1"></label>
<input id="y2" type="radio" name="myRadioBtns" value="c">  <label for="y2"></label>

单选按钮可能已经绑定了更改事件处理程序，如下所示：

$('input[name='myRadioBtns']').change(function() {
  //EVENT HANDLER
});

我需要检查单选按钮是否已经绑定了“更改”事件处理程序。

我的问题是如何检查单选按钮是否已经与“更改”事件处理程序绑定？

Answer 1

如果您想在绑定另一个更改事件之前测试是否已绑定更改事件，请使用以下命令：

var $el = $('input[name='myRadioBtns']');

if( ! ($el.data('events') && $el.data('events').change) ) {

   $el.change(function() {
       //EVENT HANDLER
   });
}

Answer 2

您可以通过以下方式获取绑定事件：

.data('events')

Answer 3

此外，您还可以绑定多个命名空间更改事件，每个事件执行不同的操作。例如，如果您正在编写一个 jQuery 插件，需要将事件绑定到元素，但不删除页面上可能已设置的任何现有事件。

每当我编写 jQuery 插件时，我都会确保所有事件都像这样绑定：

    $(":checkbox").on("change.myNamespace", function(){
        //Do Stuff - this won't replace existing change events on checkboxes!
    });