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

How to make disabled/readonly functionality for radio buttons and checkboxes

本文关键字：只读 功能 设置 复选框 单选按钮      更新时间：2023-09-26

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

是否有其他方法可以像使用jQuery，CSS，JavaScript禁用/只读一样？

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

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

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

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

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

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

因此，在保持所选选项的同时，给我禁用未选择的单选按钮的预期结果。

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

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

如果单选按钮已被选中，并且如果您单击选中的单选按钮，它将值从 true 更改为 false。对于此方案，以下代码有效

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