将 Jquery 升级到 3.4 后，Material js 单选按钮禁用不起作用？

Posted 2023-05-09

【中文标题】将 Jquery 升级到 3.4 后，Material js 单选按钮禁用不起作用？

【英文标题】：Material js radio button disable not working after upgrading Jquery to 3.4?

【发布时间】：2020-10-16 21:05:33

【问题描述】：

我已将 jquery 版本升级到 3.4 和 material.js 版本 1.1.0。将 jquery 版本升级到 3.4 后 $(".id").attr("禁用", "禁用");不工作。它适用于某些版本的 chrome 浏览器，我的版本是 83.0.4103.116。 已正确删除和添加 disabled 属性，但未在单选按钮上应用禁用样式。 如果我们在 html 中禁用硬编码，它工作正常 示例代码：

 <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="RadioButton">
 <input id="RadioButton" type="radio" class="mdl-radio__button" name="approve" value="Radiobutton">
 <span class="mdl-radio__label">Radio</span>
 </label>
$(document).ready(function () 
 $("#RadioButton").removeAttr("disabled");
if(condition)
$("#RadioButton").prop("disabled", "disabled");
);

在 js 文件中我添加了这样 普通单选按钮正在工作，但使用材料单选按钮后（mdl-js-radio mdl-js-ripple-effect using this class）不工作

【参考方案1】：

我建议将它用于较新版本的 jquery，这是更好的方法

$("#RadioButton").prop('disabled', true);

【讨论】：

我也试过 .prop，但它对我不起作用，但相同的代码在其他系统中使用相同版本的 chrome