在提交表单时，我们实际上传递的是复选框的值，而不是状态(选中/未选中)。只读属性阻止我们编辑值，但不能编辑状态。如果您希望使用一个只读字段来表示要提交的值，请使用只读文本。

最简单的(在我看来):

onclick="javascript:{this.checked = this.defaultChecked;}"

或者是:

$('your selector').click(function(evt){evt.preventDefault()});

<input type="radio" name="alwaysOn" onchange="this.checked=true" checked="checked">
<input type="radio" name="alwaysOff" onchange="this.checked=false" >

我只是不希望客户在某些情况下能够更改它们。

READONLY本身不起作用。你可能可以用CSS做一些奇怪的事情，但我们通常只是禁用它们。

警告:如果它们被发布回来，那么客户端可以更改它们，句号。你不能依靠只读来阻止用户修改某些东西。总是可以使用fiddler或只是改变html w/firebug或诸如此类的东西。

不，输入复选框不能为只读。

但是你可以用javascript把它们变成只读的!

通过防止用户以任何方式修改复选框，在任何时间的任何地方添加这段代码，使复选框像假设的那样为只读。

jQuery(document).on('click', function(e){ // check for type, avoid selecting the element for performance if(e.target.type == 'checkbox') { var el = jQuery(e.target); if(el.prop('readonly')) { // prevent it from changing state e.preventDefault(); } } }); input[type=checkbox][readonly] { cursor: not-allowed; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label><input type="checkbox" checked readonly> I'm readonly!</label>

你可以在加载jQuery后的任何时候添加这个脚本。

它将适用于动态添加的元素。

它的工作原理是在页面上的任何元素上选择单击事件(发生在更改事件之前)，然后检查该元素是否是只读复选框，如果是，则阻止更改。

为了不影响页面的性能，有太多的if。