如何让带unique_radio类的单选框忽略全局事件监听器？

问题根源 #

你碰到的核心问题是：全局绑定的radio类型change事件，和特殊单选框的click事件属于不同类型事件，stopImmediatePropagation只能阻止同一事件类型的后续监听器执行，对跨事件类型的触发无效；而off方法失效大概率是因为全局事件采用委托绑定（比如绑定在父元素/文档上），直接在目标元素上解绑无法触达绑定源。

可行解决方案 #

方案1：修改全局监听器选择器，排除特殊单选框 #

从绑定阶段就让全局change事件避开带unique_radio类的单选框，彻底避免冲突：

// 全局监听器仅作用于不带unique_radio类的radio元素
$('input[type="radio"]:not(.unique_radio)').on('change', function() {
  // 原全局逻辑代码
});

方案2：在全局change回调中判断并跳过特殊单选框 #

如果无法修改全局监听器的绑定逻辑，可在回调开头增加判断，遇到特殊单选框直接终止执行：

$('input[type="radio"]').on('change', function() {
  // 检测当前元素是否为特殊单选框，是则直接返回
  if ($(this).hasClass('unique_radio')) {
    return;
  }
  // 原全局逻辑代码
});

方案3：解绑特殊单选框的change事件（仅适用于直接绑定的全局事件） #

若全局事件是直接绑定在radio元素上（而非委托绑定），可直接解绑特殊单选框的change事件：

// 移除unique_radio元素上的change事件绑定
$('.unique_radio').off('change');

注意：如果全局事件是委托绑定（比如$(document).on('change', 'input[type="radio"]', ...)），此方法无效，建议使用方案1或2。

内容的提问来源于stack exchange，提问作者pileup