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

Question

我知道我们不能只读取单选按钮和复选框。我尝试禁用单选按钮和复选框，但在IE中它不清晰可见。

有没有其他选择，比如使用jQuery，CSS，JavaScript进行禁用/只读？

Answer 1

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

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

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

Answer 2

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);

Answer 3

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

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

因此，在保持所选选项的同时，为我提供了禁用未​​选中单选按钮的所需结果。

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

希望这可以帮助你，
欢呼声。

Answer 4

如果已选中单选按钮，并且单击选中的单选按钮，则会将值从true更改为false。对于此方案，以下代码可以正常工作

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