使用jQuery禁用radio单选框不生效怎么办？如何正确设置单选框默认禁用

• 语法错误导致代码未执行：你编写的$(document).ready()结构存在语法缺失，回调函数结束的}后缺少闭合方法的)，整段JS代码抛出语法错误后直接终止运行，属性设置逻辑从未生效。
• 属性操作方法使用错误：从jQuery 1.6版本开始，disabled属于DOM元素的固有布尔属性，官方明确要求使用prop()方法操作这类属性。attr()操作的是HTML标签上的静态属性，修改布尔值属性时会出现DOM状态和属性值不同步的问题。

方案1：JS动态设置（修复原有代码） #

修正语法错误，替换attr()为prop()即可：

$(document).ready(function() {
  // 按ID选中单个单选框禁用
  $('#first').prop('disabled', true);
  // 如需选中所有单选框禁用，替换为下方代码
  // $('input[type="radio"]').prop('disabled', true);
});

方案2：静态默认禁用（无需JS） #

如果不需要后续动态切换禁用状态，直接在HTML标签上添加disabled属性即可，性能更高：

<form>
  <input type="radio" name="harvest" id="first" disabled> First
</form>

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