如果其他人使用MVC和编辑器模板，这就是我如何控制显示只读属性(我使用自定义属性来获取If语句中的值)

@if (true)
{
    @Html.HiddenFor(m => m)
    @(ViewData.Model ? Html.Raw("Yes") : Html.Raw("No"))
} 
else
{               
    @Html.CheckBoxFor(m => m)
}

我知道“disabled”不是一个可接受的答案，因为操作希望它发布。但是，即使设置了只读选项集，也必须在服务器端验证值。这是因为您无法阻止恶意用户使用readonly属性发布值。

我建议存储原始值(服务器端)，并将其设置为禁用。然后，当他们提交表单时，忽略发布的任何值，并使用您存储的原始值。

它的外观和行为都像一个只读值。它处理(忽略)来自恶意用户的帖子。你真是一举两得。

只读对<input type='checkbox'>无效

所以，如果你需要从表单中禁用的复选框中提交值，你可以使用jQuery:

$('form').submit(function(e) {
    $('input[type="checkbox"]:disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});

通过这种方式，在提交表单时从元素中删除禁用属性。

最简单的(在我看来):

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

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

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

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

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

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

它的工作原理。

如果其他人使用MVC和编辑器模板，这就是我如何控制显示只读属性(我使用自定义属性来获取If语句中的值)

@if (true)
{
    @Html.HiddenFor(m => m)
    @(ViewData.Model ? Html.Raw("Yes") : Html.Raw("No"))
} 
else
{               
    @Html.CheckBoxFor(m => m)
}