我用这个方法得到了如下结果:

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

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

如果您需要将复选框与表单一起提交，但实际上对用户是只读的，我建议将它们设置为禁用，并在表单提交时使用javascript重新启用它们。

这有两个原因。首先也是最重要的是，您的用户可以看到他们可以更改的复选框和只读复选框之间的明显区别。Disabled就是这样做的。

第二个原因是禁用状态内置于浏览器中，因此当用户单击某个内容时，需要执行的代码更少。这可能更多的是个人喜好。在提交表单时，仍然需要一些javascript来取消禁用这些功能。

对我来说，在提交表单时使用一些javascript来取消禁用复选框似乎比使用隐藏输入来携带值更容易。

这适用于我的Chrome浏览器:

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

最新的jQuery有这个特性

$("#txtname").prop('readonly', false);

目前的大多数答案都有以下一个或多个问题:

只检查鼠标而不是键盘。 只检查页面加载。 挂钩总是流行的变更或提交事件，如果有其他东西挂钩它们，它们就不会总是有效。 需要一个隐藏的输入或其他特殊的元素/属性，你必须撤销，以便重新启用复选框使用javascript。

下面的方法很简单，没有这些问题。

$('input[type="checkbox"]').on('click keyup keypress keydown', function (event) {
    if($(this).is('[readonly]')) { return false; }
});

如果复选框是只读的，它不会改变。如果不是，也会是。它确实使用了jquery，但你可能已经在使用它了…

它的工作原理。