如何只读一个复选框？没有禁用？

Question

我有一个表单,我必须将表单值发布到我的动作类.在这种形式中,我有一个需要只读的复选框.我尝试过设置,disabled="true"但在发布到动作类时不起作用.

所以请指教？

Answer 1

没有属性可以使复选框只读.但你可以尝试这个技巧.

<input type="checkbox" onclick="return false" />

DEMO

Answer 2

<input type="checkbox" checked onclick="return false;" onkeydown="return false;"/>

http://jsfiddle.net/2srjc/

如果您担心Tab键顺序,则仅在未按下Tab键时为keydown事件返回false:

<input type="checkbox" checked onclick="return false;" onkeydown="e = e || window.event; if(e.keyCode !== 9) return false;"/>

http://jsfiddle.net/2srjc/149/

Answer 3

您可以通过CSS轻松完成此操作. HTML:

<form id="aform" name="aform" method="POST">
    <input name="chkBox_1" type="checkbox" checked value="1" readonly />
    <br/>
    <input name="chkBox_2" type="checkbox" value="1" readonly />
    <br/>
    <input id="submitBttn" type="button" value="Submit">
</form>

CSS:

input[type="checkbox"][readonly] {
  pointer-events: none;
}

演示

Answer 4

我个人喜欢这样做:

<input type="checkbox" name="option" value="1" disabled="disabled" />
<input type="hidden" name="option" value="1">

我认为这样做有两个原因:

1. 用户清楚地了解到他无法编辑此值
2. 提交表单时会发送该值.

Answer 5

您可以简单地添加onclick="return false"- 这将停止浏览器执行默认操作(复选框选中/未选中将不会更改)

Answer 6

制作一个没有名称和值的假复选框，强制将值放在隐藏字段中：

<input type="checkbox" disabled="disabled" checked="checked">
<input type="hidden" name="name" value="true">

注意：如果您在复选框中输入名称和值，它无论如何都会被同名的输入覆盖