onclick="javascript: return false;"

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

最简单的(在我看来):

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

这适用于我的Chrome浏览器:

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

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:

$(document).ready(function() {
    $(":checkbox").bind("click", false);
});

这将使复选框为只读，这将有助于向客户端显示只读数据。