jQuery动态添加disabled属性不生效问题咨询

云上老周

2026-10-2

问题排查及解决方案

核心错误原因

第一：jQuery 不存在 addAttr() 方法，你错误调用了不存在的API，导致设置disabled属性的逻辑直接报错中断。正确的属性设置方法为 attr()，对于disabled这类布尔属性更推荐使用 prop() 方法。
第二：val() 方法返回的是字符串类型的值，你直接和数字0做相等判断，弱类型比较存在隐式转换的潜在风险，容易出现判断逻辑不符合预期的问题。
第三：disabled属于DOM布尔属性，使用removeAttr()之后再重新用attr()设置的兼容性不如prop()方法稳定，部分场景下HTML属性修改不会同步触发DOM状态更新。

修正后代码

$('#section_option').change(function () {
  // 转成数字统一判断逻辑，也可以直接和字符串'0'比较
  var selectedClass = Number($("#section_option option:selected").val());
  if (selectedClass !== 0) {
    $("#sectionname").prop("disabled", false);
    $("#sectionname").removeClass("disabled");
  } else {
    $("#sectionname").prop("disabled", true);
    $("#sectionname").addClass("disabled");
  }     
});