Question

对于我的生活，我无法将我的CheckBox设置为在页面加载时检查。我尝试在ID之后添加value="true"和Checked="checked"，但仍然没有。有什么想法吗？

<div class="onoffswitch-container">
<span class="onoffswitch-title">Open Inline</span>
<span class="onoffswitch">
<input type="checkbox" class="onoffswitch-checkbox" id="inline"> 
<label class="onoffswitch-label" for="inline">
<span class="onoffswitch-inner" data-swchoff-text="OFF" data-swchon-text="ON"></span>
<span class="onoffswitch-switch"></span>
</label>
 </span>
</div>

Answer 1

只需编写“已选中”即可使用

 <input type="checkbox" class="onoffswitch-checkbox" id="inline" checked>

Answer 2

属性checked="checked"确实有效，速记符号只是checked。

<div class="onoffswitch-container">
<span class="onoffswitch-title">Open Inline</span>
<span class="onoffswitch">
<input type="checkbox" class="onoffswitch-checkbox" id="inline" checked="checked"/> 
<label class="onoffswitch-label" for="inline">
<span class="onoffswitch-inner" data-swchoff-text="OFF" data-swchon-text="ON"></span>
<span class="onoffswitch-switch"></span>
</label>
 </span>
</div>

Answer 3

您正在寻找checked内容属性。以下是官方文档中的相关摘录:( Living Standard）：

checked内容属性是一个布尔属性，它提供输入元素的默认选中性。添加checked内容属性后，如果控件没有脏检查，则用户代理必须将元素的选中性设置为true;当删除checked内容属性时，如果控件没有脏检查，则用户代理必须将元素的选中性设置为false。

请注意，文档中包含相关术语定义的链接。

如果看起来太技术性，您可以随时转到MDN page on checked。 MDN贡献者付出了相当大的努力，将HTML标准“翻译”为更易读/可理解的形式（通常带有示例），对于没有扎实的网络相关术语和概念基础的人尤其有用。

注意：您还可以在MDN上找到direct answer to your question。

Answer 4

我尝试了以上所有解决方案，没有任何效果。它确实给了我一些术语来继续我的研究。我最终做的是转到代码的底部并添加了$('#inline').prop('checked', true); 这解决了我的问题。

Answer 5

在下面添加了“ true”参数，请先尝试一下，然后对我有用

<input type="checkbox" class="onoffswitch-checkbox" id="inline" checked="true">

输入复选框默认选中

5 个答案: