javascript checkbox default checked=“checked”不起作用？

j1dl9f46 于 2023-09-29 发布在 Java

关注(0)|答案(3)|浏览(134)

复选框默认选中不工作！我试图修复它，但我找不到这里的错误在哪里？所以在页面加载时检查，在页面加载后未检查！？我试过了

<div class="onoffswitch" style="margin: 0 auto;">
<input type="checkbox" class="avacheckbox onoffswitch-checkbox" id="AvButtonAutoGames" checked="checked"/>
<label class="onoffswitch-label" for="AvButtonAutoGames">
    <span class="onoffswitch-inner"></span>
    <span class="onoffswitch-switch"></span>
</label>
</div>

并且

<div class="onoffswitch" style="margin: 0 auto;">
    <input type="checkbox" class="avacheckbox onoffswitch-checkbox" id="AvButtonAutoGames" checked/>
    <label class="onoffswitch-label" for="AvButtonAutoGames">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
    </div>

JavaScript

来源：https://stackoverflow.com/questions/53622539/checkbox-default-checked-checked-is-not-working

3条答案

按热度按时间

rdlzhqv91#

若要指定值，请使用checked=“true”，否则不指定属性。

Checked: <input type="checkbox" checked="true" /><br/>
Not checked: <input type="checkbox" />

赞(0）回复(0）举报 2023-09-29

aor9mmx12#

很难看出来，但您正在使用此语法来定义复选框值？

document.getElementById('AvButtonAutoGames').checked = true

如果是这样，这是不正确的-但在第一个JS示例中，您有正确的prop用法：

$('#AvButtonAutoGames').prop('checked', true)

如在HTML5中那样，要应用的语法简单地是<input checked>，或者为了清楚而扩展为<input checked="checked">。缺少checked属性会导致未选中的输入字段。
只需将您的.checked=X转换为函数调用，它就可以工作了

赞(0）回复(0）举报 2023-09-29

kwvwclae3#

我认为值得补充的是，设置checked属性将选中该框，而不允许用户取消选中它。如果所需的功能是默认选中复选框，但用户仍然可以取消选中，请使用defaultChecked属性：

<input type="checkbox" id="AvButtonAutoGames" defaultChecked />

或

document.getElementById("AvButtonAutoGames").defaultChecked = true;

赞(0）回复(0）举报 2023-09-29

我来回答

javascript checkbox default checked=“checked”不起作用？

3条答案

相关问题

热门标签

最新问答