HTML复选框可以设置为只读吗?

我认为他们可以，但我没有把我的钱放在我的嘴(这么说)设置只读属性实际上似乎没有做任何事情。

我宁愿不使用Disabled，因为我希望选中的复选框与表单的其余部分一起提交，我只是不希望客户端能够在某些情况下更改它们。

当前回答

如果你知道复选框总是被选中，下面的工作:

<input type="checkbox" name="Name" checked onchange='this.checked = true;'>

其他回答

onclick="javascript: return false;"

如果你想要你所有的复选框都是“锁定”的，这样用户就不能改变“checked”状态，如果“readonly”属性是存在的，那么你可以使用jQuery:

$(':checkbox').click(function () {
    if (typeof ($(this).attr('readonly')) != "undefined") {
        return false;
    }
});

这段代码很酷的一点是，它允许您在整个代码中更改“readonly”属性，而不必重新绑定每个复选框。

它也适用于单选按钮。

只需使用如下所示的简单禁用标签。

<input type="checkbox" name="email"  disabled>

<input name="testName" type="checkbox" disabled>

我碰巧注意到下面给出的解决方案。在我的研究中发现了同样的问题。我不知道是谁发的，但不是我做的。它使用jQuery:

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

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

推荐文章