使RadioButtonList中的选定RadioButton不可点击但不禁用

Question

我有一个ASP.Net页面，上面有几个RadioButtonList控件。

我想以只读格式显示此页面，但我希望每个RadioButtonList中选定的单选按钮显示为“正常”，即不显示禁用但不允许RadioButton可点击，因为我不希望该值可修改。

我确信这已经在某个地方得到了解答，但我的谷歌搜索目前还没有让我失望......

Answer 1

如何在最大z-index和alpha设置为max的单选按钮容器div上叠加div，使其显示为透明。 这使得单选按钮不可点击

试试这个http://jsfiddle.net/chintupawan/ztT5j/

Answer 2

要停止按钮也不能点击，您可以使用div覆盖它们。

http://jsfiddle.net/heXQf/

<form>
    <div class="row">
        <div class="block"></div>           
<input type="radio" name="sex" value="male" id="rdo"/> Male<br />
<input type="radio" name="sex" value="female" id="rdo"/> Female
     </div>
</form> 

form{width:300px;position:relative;}
.block{width:100px;display:block;height:100px;position:absolute;top:0;}


    $('#rdo').click(function(e) {
    e.preventDefault();
});

Answer 3

试试这个jQuery：

$('.class-of-radio-button').click(function(e) {
    e.preventDefault();
});

小提琴： http ： //jsfiddle.net/c_kick/Gkp2Z/

Answer 4

尝试这个

$("input[type!='radio'], select, textarea ").attr('disabled',true);
$("input[type='radio']").click(function(e){
     e.preventDefault();
});