我认为他们可以，但我没有把我的钱放在我的嘴(这么说)设置只读属性实际上似乎没有做任何事情。
我宁愿不使用Disabled，因为我希望选中的复选框与表单的其余部分一起提交，我只是不希望客户端能够在某些情况下更改它们。
当前回答
在这里，你们没有人想到的是，你们都在使用JavaScript，任何用户都可以很容易地绕过它。
简单地禁用它将禁用所有JQuery/Return False语句。
只读复选框的唯一选项是服务器端。
显示他们，让他们改变他们，但不接受新的帖子数据从他们。
其他回答
在提交表单时，我们实际上传递的是复选框的值，而不是状态(选中/未选中)。只读属性阻止我们编辑值，但不能编辑状态。如果您希望使用一个只读字段来表示要提交的值，请使用只读文本。
<input type="checkbox" onclick="this.checked=!this.checked;">
但你绝对必须验证服务器上的数据，以确保它没有被更改。
<input type="checkbox" onclick="return false" />将为你工作，我正在使用这个
只读对<input type='checkbox'>无效
所以，如果你需要从表单中禁用的复选框中提交值，你可以使用jQuery:
$('form').submit(function(e) {
$('input[type="checkbox"]:disabled').each(function(e) {
$(this).removeAttr('disabled');
})
});
通过这种方式，在提交表单时从元素中删除禁用属性。
如果你想让它们以表单的形式提交给服务器，但对用户来说不是交互式的，你可以在css中使用pointer-events: none(适用于所有现代浏览器，除了IE10-和Opera 12-)，并将tab-index设置为-1以防止通过键盘更改。还要注意，你不能使用标签标签，因为点击它会改变状态。
input[type="checkbox"][readonly] { pointer-events: none !important; } td { min-width: 5em; text-align: center; } td:last-child { text-align: left; } <table> <tr> <th>usual <th>readonly <th>disabled </tr><tr> <td><input type=checkbox /> <td><input type=checkbox readonly tabindex=-1 /> <td><input type=checkbox disabled /> <td>works </tr><tr> <td><input type=checkbox checked /> <td><input type=checkbox readonly checked tabindex=-1 /> <td><input type=checkbox disabled checked /> <td>also works </tr><tr> <td><label><input type=checkbox checked /></label> <td><label><input type=checkbox readonly checked tabindex=-1 /></label> <td><label><input type=checkbox disabled checked /></label> <td>broken - don't use label tag </tr> </table>
