javascript - 如何为单选按钮和复选框设置禁用/只读功能

Question

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

是否有任何替代方法可以使用 jQuery、CSS、JavaScript 来禁用/只读？

score 17 · Accepted Answer

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

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

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

score 8 · Accepted Answer

Yon可以这样写：-

在你的脚本中：

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

或者你可以根据你添加类..

如果它与 IE 不兼容，也提供兼容性..

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

然后检查..

你也可以试试这个：

jQuery("#youridname input:radio").attr('disabled',true);

score 4 · Accepted Answer

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

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

因此，给了我禁用未选择的单选按钮的期望结果，同时保持选定的选项。

这个结果似乎是一个更好的选择，然后
1. 将图像放在单选按钮上，以避免用户选择另一个选项。
2. .click(function(){ return false; })，它只是在选择未选择的选项时隐藏选择 3. 禁用所有单选按钮，其中选择丢失。

希望这对你有帮助，
干杯。

score 1 · Accepted Answer

如果单选按钮已经被选中，并且如果您单击选中的单选按钮，它会将值从 true 更改为 false。对于这种情况，以下代码有效

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

4 回答 4