Javascript 如何使单选按钮和复选框具有禁用/只读功能

我知道我们不能使成为只读的单选按钮和复选框。我试图禁用单选按钮和复选框，但在IE中它是不可见的

---

是否有其他方法可以使用jQuery、CSS、JavaScript执行类似的操作，如禁用/只读？

您可以使用以下代码避免单击不希望用户更改的元素

$(':radio,:checkbox').click(function(){
    return false;
});

---

您可以使用适当的选择器来限制点击。

您可以这样写：-

在脚本中：

 jQuery('#radio').attr('disabled','disabled');

或者您可以根据自己的情况添加类

如果它与IE不兼容，还应提供兼容性

<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />

---

若单选按钮已经被选中，若你们点击选中的单选按钮，它会将值从真变为假。对于这个场景，下面的代码起作用

$(document).ready(function () {
    $('input[type = "radio"]').change(function () {
        this.checked = false;
    });
});

选定的行只是HTML元素，我想在它下面找到我感兴趣的单选按钮。
只有选择单选按钮后，才会调用整个脚本。
执行时，它会定位未选择的单选按钮并禁用它们

因此，在保留选定选项的同时，为我提供禁用未选定单选按钮的预期结果

这个结果似乎是一个更好的选择，然后
1.在单选按钮上放置图像，以避免用户选择其他选项。
2.

。单击（function（）{return false；}）

，选择未选择的选项时，该选项仅隐藏选择 3.禁用选择丢失的所有单选按钮

希望这对您有所帮助，

---

干杯。

是的，但它的功能与您已经尝试过的功能完全相同，将disabled属性设置为disabled等。您正在为此执行的代码。检查此问题的公认答案：它非常适合使单选按钮有效地只读。谢谢它的工作。是否可以对RadioButton和checkbox应用背景色，使其看起来像是禁用的，而不使用图像？我尝试使用$（'：radio，：checkbox'）.css（“背景色”，“红色”）；我认为你做不到。你必须为此使用某种图像。但是如果你想给它一个禁用效果，最好禁用它；那么它在所有浏览器上看起来都是一致的。我想你想禁用一个没有禁用效果的复选框/单选按钮。是的，你是对的。我想禁用没有dis的类似功能可启用的效果。如果我指定禁用复选框和单选按钮，它在IE中不清晰可见。这在IE中有一个不幸的副作用（9/10/11测试）：如果单击未选中的按钮，选中的按钮将在视觉上“取消选中”“。我知道这很旧，但对于任何试图使用此解决方案的人来说，请记住，提交表单时不会发布禁用的元素。

$(document).ready(function () {
    $('input[type = "radio"]').change(function () {
        this.checked = false;
    });
});

selectedRow
    .find('input[type="radio"]:not(:checked)')
    .each(function(){
        $(this).attr('disabled', true);
});