jQuery 3.5.1设置radio单选框disabled属性不生效是什么原因

可能的原因及排查方向 #

• 首先验证选中的元素是否正确
  执行console.log(radio.length)确认选择器是否匹配到了目标单选框，如果返回值为0说明没有匹配到任何元素，操作自然不会生效。如果匹配到多个元素，需要确认是否是你想要操作的目标元素。
• 确认DOM属性是否真的未修改
  jQuery的prop()方法修改的是DOM元素的内部属性（property），并不会同步更新HTML标签上的可见特性（attribute），所以不要仅通过查看HTML源代码判断是否设置成功。可以直接执行console.log(radio[0].disabled)查看DOM对象的真实状态，或者直接点击单选框验证是否真的可以选中。如果打印结果为true说明禁用已经生效，只是HTML特性没有更新，属于正常现象。
• 排查是否有其他代码覆盖了你的修改
  如果刚设置完disabled属性为true，后续又有其他JS逻辑（比如表单重置回调、组件状态同步、其他事件监听函数）重新修改了这个单选框的disabled属性，会导致你的设置被覆盖。可以在设置代码后加断点，一步步执行查看属性值的变化，确认是否有其他代码篡改了属性。
• 确认是否在操作框架封装的组件
  如果这个单选框是Vue、React、Angular等前端框架或者UI组件库渲染的，直接用jQuery操作原生DOM不会同步框架的虚拟DOM状态，框架下次重渲染时就会把你修改的属性覆盖掉。这种情况需要按照框架的语法规则修改绑定的状态变量，不要直接用jQuery操作DOM。

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