这就出现了一些可用性问题。

如果您想要显示一个复选框，但不让它与之交互，那么为什么还要使用复选框呢?

然而，我的方法是使用disabled(用户希望禁用的复选框不可编辑，而不是使用JS使启用的复选框无法工作)，并使用javascript添加一个表单提交处理程序，在表单提交之前启用复选框。这样你就能把你的价值观公布出来。

是这样的:

var form = document.getElementById('yourform');
form.onSubmit = function () 
{ 
    var formElems = document.getElementsByTagName('INPUT');
    for (var i = 0; i , formElems.length; i++)
    {  
       if (formElems[i].type == 'checkbox')
       { 
          formElems[i].disabled = false;
       }
    }
}

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

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

这就出现了一些可用性问题。

如果您想要显示一个复选框，但不让它与之交互，那么为什么还要使用复选框呢?

然而，我的方法是使用disabled(用户希望禁用的复选框不可编辑，而不是使用JS使启用的复选框无法工作)，并使用javascript添加一个表单提交处理程序，在表单提交之前启用复选框。这样你就能把你的价值观公布出来。

是这样的:

var form = document.getElementById('yourform');
form.onSubmit = function () 
{ 
    var formElems = document.getElementsByTagName('INPUT');
    for (var i = 0; i , formElems.length; i++)
    {  
       if (formElems[i].type == 'checkbox')
       { 
          formElems[i].disabled = false;
       }
    }
}

我会对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一直在寻找的。

不，输入复选框不能为只读。

但是你可以用javascript把它们变成只读的!

通过防止用户以任何方式修改复选框，在任何时间的任何地方添加这段代码，使复选框像假设的那样为只读。

jQuery(document).on('click', function(e){ // check for type, avoid selecting the element for performance if(e.target.type == 'checkbox') { var el = jQuery(e.target); if(el.prop('readonly')) { // prevent it from changing state e.preventDefault(); } } }); input[type=checkbox][readonly] { cursor: not-allowed; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label><input type="checkbox" checked readonly> I'm readonly!</label>

你可以在加载jQuery后的任何时候添加这个脚本。

它将适用于动态添加的元素。

它的工作原理是在页面上的任何元素上选择单击事件(发生在更改事件之前)，然后检查该元素是否是只读复选框，如果是，则阻止更改。

为了不影响页面的性能，有太多的if。

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