我的解决方案实际上与FlySwat的解决方案相反，但我不确定它是否适用于您的情况。我有一组复选框，每个复选框都有一个提交表单的onClick处理程序(它们用于更改表的过滤器设置)。我不想允许多次单击，因为第一次单击之后的后续单击将被忽略。所以我禁用所有复选框后，第一次点击，并提交后的形式:

onclick = " document.forms [' form1’]。submit ();$('#filters input').each(function() {this。Disabled = true});"

复选框位于ID为“filters”的span元素中——代码的第二部分是一个jQuery语句，它遍历复选框并禁用每个复选框。这样，复选框值仍然通过表单提交(因为表单是在禁用它们之前提交的)，并且它可以防止用户更改它们，直到页面重新加载。

或者是:

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

这适用于我的Chrome浏览器:

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

我的解决方案实际上与FlySwat的解决方案相反，但我不确定它是否适用于您的情况。我有一组复选框，每个复选框都有一个提交表单的onClick处理程序(它们用于更改表的过滤器设置)。我不想允许多次单击，因为第一次单击之后的后续单击将被忽略。所以我禁用所有复选框后，第一次点击，并提交后的形式:

onclick = " document.forms [' form1’]。submit ();$('#filters input').each(function() {this。Disabled = true});"

复选框位于ID为“filters”的span元素中——代码的第二部分是一个jQuery语句，它遍历复选框并禁用每个复选框。这样，复选框值仍然通过表单提交(因为表单是在禁用它们之前提交的)，并且它可以防止用户更改它们，直到页面重新加载。

迟来的回答，但大多数答案似乎过于复杂了。

据我所知，OP的基本要求是:

只读复选框显示状态。 随form返回的值。

应当指出的是:

The OP preferred not to use the disabled attribute, because they 'want the checked check boxes to be submitted with the rest of the form'. Unchecked checkboxes are not submitted with the form, as the quote from the OP in 1. above indicates they knew already. Basically, the value of the checkbox only exists if it is checked. A disabled checkbox clearly indicates that it cannot be changed, by design, so a user is unlikely to attempt to change it. The value of a checkbox is not limited to indicating its status, such as yes or false, but can be any text.

因此，由于readonly属性不起作用，不需要javascript的最佳解决方案是:

禁用的复选框，没有名称或值。 如果复选框要显示为已选中，则会显示存储在服务器上的具有名称和值的隐藏字段。

对于选中的复选框:

<输入类型=“复选框” 选中=“选中” 禁用=“禁用” /> <输入类型=“隐藏” 名称=“字段名称” 值=“字段值” />

对于未选中的复选框:

<输入类型=“复选框”禁用=“禁用” />

禁用输入的主要问题，特别是复选框，是它们的对比度差，这可能是一些视觉障碍的问题。用简单的词来表示值可能会更好，比如Status: none或Status: implemented，但在使用后者时包含上面的隐藏输入，比如:

<p>状态:执行<输入类型=“隐藏”

人们喜欢只读复选框和(以及)只读无线电组的主要原因是，不能更改的信息可以以输入的形式显示给用户。

好的，禁用控件就可以做到这一点——不幸的是禁用控件不能用键盘导航，因此违反了所有可访问性法规。这是我所知道的HTML中最大的问题。