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

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

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

当前回答

<input type="checkbox" readonly="readonly" name="..." />

jquery:

$(':checkbox[readonly]').click(function(){
            return false;
        });

它仍然可能是一个好主意，给一些视觉提示(css，文本，…)，控件将不接受输入。

其他回答

我会使用readonly属性

<input type="checkbox" readonly>

然后使用CSS禁用交互:

input[type='checkbox'][readonly]{
    pointer-events: none;
}

注意，使用伪类:read-only在这里不起作用。

input[type='checkbox']:read-only{ /*not working*/
    pointer-events: none;
}

<input type="checkbox" onclick="this.checked=!this.checked;">

但你绝对必须验证服务器上的数据，以确保它没有被更改。

最简单的(在我看来):

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

我用这个方法得到了如下结果:

<input type=checkbox onclick="return false;" onkeydown="return false;" />

你总是可以使用一个小图像，看起来像一个复选框。

推荐文章