MVC 4 Checkbox / radiobutton readonly

时间:2013-09-26 22:48:39

标签: asp.net-mvc html-helper

任何人都可以告诉我如何才能将复选框设为只读而不是禁用? 对于文本框,我正在使用它

@Html.TextBoxFor(m => m.FirstName, new { id = "fName", @readonly="readonly" })

现在,我有一个复选框和像这样的单选按钮

@Html.CheckBoxFor(m => m.Iseighteen, new { id = "18", @disabled = "disabled" })
@Html.RadioButtonFor(m => m.isMale, new { id = "male",@disabled = "disabled" })

禁用的问题是我无法在禁用字段中获得焦点,而我可以在只读中获得焦点。如果我选项卡然后它选择只读字段,以便屏幕阅读器可以读取它,但如果它被禁用,那么它会跳过所有禁用的内容并转到页脚。我尝试使用readonly复选框和收音机,但它不起作用,让用户编辑。 那么,有什么建议吗?

2 个答案:

答案 0 :(得分:5)

您可以使用以下代码限制用户选择Checkbox和radiobutton ......

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

希望这会对你有所帮助。

答案 1 :(得分:1)

尝试使用

@Html.CheckBoxFor(model => model.IsActive, new { onclick = "return false" })

希望它能以更轻松的方式运作。