READONLY对复选框不起作用，因为它阻止你编辑字段的值，但有了复选框，你实际上是在编辑字段的状态(在||关闭)

从faqs.org:

READONLY只是阻止用户更改字段的值，而不是阻止用户与字段交互，理解这一点很重要。例如，在复选框中，您可以打开或关闭复选框(从而设置CHECKED状态)，但不能更改字段的值。

如果不想使用disabled，但仍然想提交值，那么当值不满足编辑条件时，将值作为隐藏字段提交并将其内容打印给用户如何?如。

// user allowed change
if($user_allowed_edit)
{
    echo '<input type="checkbox" name="my_check"> Check value';
}
else
{
    // Not allowed change - submit value..
    echo '<input type="hidden" name="my_check" value="1" />';
    // .. and show user the value being submitted
    echo '<input type="checkbox" disabled readonly> Check value';
}

READONLY对复选框不起作用，因为它阻止你编辑字段的值，但有了复选框，你实际上是在编辑字段的状态(在||关闭)

从faqs.org:

READONLY只是阻止用户更改字段的值，而不是阻止用户与字段交互，理解这一点很重要。例如，在复选框中，您可以打开或关闭复选框(从而设置CHECKED状态)，但不能更改字段的值。

如果不想使用disabled，但仍然想提交值，那么当值不满足编辑条件时，将值作为隐藏字段提交并将其内容打印给用户如何?如。

// user allowed change
if($user_allowed_edit)
{
    echo '<input type="checkbox" name="my_check"> Check value';
}
else
{
    // Not allowed change - submit value..
    echo '<input type="hidden" name="my_check" value="1" />';
    // .. and show user the value being submitted
    echo '<input type="checkbox" disabled readonly> Check value';
}

很晚才开始贡献……但无论如何。在页面加载时，使用jquery禁用除当前选中的复选框外的所有复选框。然后将当前选中的选项设置为只读，这样它的外观与禁用选项相似。用户不能更改该值，所选值仍然提交。

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

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

最简单的(在我看来):

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

如果你想让它们以表单的形式提交给服务器，但对用户来说不是交互式的，你可以在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>