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

Raj*_*aje 11 html javascript css jquery

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

是否可以使用jQuery,CSS,JavaScript等禁用/ readonly?

Lon*_*LFs 15

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

$(':radio,:checkbox').click(function(){
    return false;
});
Run Code Online (Sandbox Code Playgroud)

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

  • 这在IE中有一个不幸的副作用(测试9/10/11):如果你点击未选中的按钮,被检查的按钮会在视觉上"取消检查". (2认同)

Jav*_*der 8

Yon可以这样给: -

我的脚本

 jQuery('#radio').attr('disabled','disabled');
Run Code Online (Sandbox Code Playgroud)

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

如果它不兼容IE也兼容..

<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
Run Code Online (Sandbox Code Playgroud)

然后检查..

你也可以这样给: -

jQuery("#youridname input:radio").attr('disabled',true);
Run Code Online (Sandbox Code Playgroud)

  • 我知道这已经过时了,但是对于任何想要使用此解决方案的人来说,请记住,提交表单时不会发布禁用的元素。 (2认同)