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

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

不，但是您可以使用javascript事件来实现类似的功能

这里的一些答案似乎有点迂回，但这里有一个小技巧。

<form id="aform" name="aform" method="POST">
    <input name="chkBox_1" type="checkbox" checked value="1" disabled="disabled" />
    <input id="submitBttn" type="button" value="Submit" onClick='return submitPage();'>
</form>​

然后在jquery中，你可以选择以下两个选项之一:

$(document).ready(function(){
    //first option, you don't need the disabled attribute, this will prevent
    //the user from changing the checkbox values
    $("input[name^='chkBox_1']").click(function(e){
        e.preventDefault();
    });

    //second option, keep the disabled attribute, and disable it upon submit
    $("#submitBttn").click(function(){
        $("input[name^='chkBox_1']").attr("disabled",false);
        $("#aform").submit();
    });

});

​

演示: http://jsfiddle.net/5WFYt/

我会对ConroyP的回答进行评论，但这需要50个声望，而我没有。我确实有足够的声誉来发布另一个答案。对不起。

The problem with ConroyP's answer is that the checkbox is rendered unchangeable by not even including it on the page. Although Electrons_Ahoy does not stipulate as much, the best answer would be one in which the unchangeable checkbox would look similar, if not the same as, the changeable checkbox, as is the case when the "disabled" attribute is applied. A solution which addresses the two reasons Electrons_Ahoy gives for not wanting to use the "disabled" attribute would not necessarily be invalid because it utilized the "disabled" attribute.

假设有两个布尔变量$checked和$disabled:

if ($checked && $disabled)
    echo '<input type="hidden" name="my_name" value="1" />';
echo '<input type="checkbox" name="my_name" value="1" ',
    $checked ? 'checked="checked" ' : '',
    $disabled ? 'disabled="disabled" ' : '', '/>';

如果$checked为true，则复选框显示为选中。如果$checked为false，则该复选框显示为未选中。当且仅当$disabled为false时，用户可以更改复选框的状态。当复选框未选中时，不管用户是否选中，“my_name”参数都不会发布。“my_name=1”参数在复选框被选中时被发布，无论用户是否选中。我相信这就是Electrons_Ahoy一直在寻找的。

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

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

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

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

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