jQuery中input[type=radio] change事件触发指定函数失效问题排查

看起来你的代码在事件绑定、this指向以及ID判断逻辑上可能存在一些问题，我来帮你修正并解释关键点：

首先，先看修正后的完整代码片段：

var SubFormStuff = {
  init: function() {
    this.applySubConditionalRequired();
    this.bindUISubActions();
  },
  bindUISubActions: function() {
    // 保存当前对象的上下文，避免事件回调中this指向丢失
    const self = this;
    
    // 给目标单选框绑定change事件（比click更适合单选框状态变化）
    $("input[type='radio'].stepThreeDiag").on('change', function() {
      // 判断当前选中的单选框ID是否不是maybe_evtDiag
      if (this.id !== 'maybe_evtDiag') {
        // 调用需要的方法，用self指向SubFormStuff实例
        self.applySubConditionalRequired();
        // 注意：如果bindUISubActions是用来绑定事件的，重复调用可能导致事件重复绑定，需要处理
        self.bindUISubActions();
      }
    });
  },
  applySubConditionalRequired: function() {
    // 你的方法逻辑
  }
};

// 初始化调用
SubFormStuff.init();

关键修复点说明： #

• 修正选择器语法：原代码里的$"是笔误，应该改为$("才能正确使用jQuery选择器。
• 处理this指向问题：在jQuery的事件回调中，this会指向触发事件的单选框DOM元素，而不是SubFormStuff对象。所以我们提前把this（即SubFormStuff实例）保存到self变量中，这样在回调里就能正确调用对象的方法。
• 使用change事件而非click：单选框的状态变化（比如通过键盘切换选项）也会触发change事件，比click更全面。
• 添加ID判断逻辑：直接通过this.id获取当前选中单选框的ID，判断是否不等于maybe_evtDiag，满足条件才执行后续方法。

额外注意事项： #

如果你的单选框是动态生成的（比如通过AJAX加载或JS动态添加到DOM），直接绑定事件会失效，这时候需要用事件委托的方式：

bindUISubActions: function() {
  const self = this;
  // 绑定到父容器（这里用document，你可以换成更接近的父元素）
  $(document).on('change', "input[type='radio'].stepThreeDiag", function() {
    if (this.id !== 'maybe_evtDiag') {
      self.applySubConditionalRequired();
      // 若需避免重复绑定事件，可在绑定前先解绑：$(document).off('change', "input[type='radio'].stepThreeDiag")
      self.bindUISubActions();
    }
  });
}

另外，如果你在回调里重复调用bindUISubActions()，每次调用都会新增一个事件监听，导致触发多次。如果这是必要的逻辑，建议在绑定前先解绑事件（如上面注释所示），或者把事件绑定和其他初始化逻辑拆分，避免重复绑定。

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