复选框未选中，但它加载为选中状态答案

【问题标题】：Checkbox is unchecked, but it loads as checked复选框未选中，但它加载为选中状态
【发布时间】：2021-12-03 04:26:33
【问题描述】：

一些复选框正在加载，需要选项。开始时不检查它们。使用“inputCHKChange”功能，我们应该更新复选框。因此，无论是否选中，它都是更新复选框。

问题是复选框在开始时未选中。但是在加载过程中会检查它们。怎么可能管理？

html:

<fieldset><div class="form-check"><label class="form-check-label"><input onchange="inputCHKChange(this);" type="checkbox" class="form-check-input" name="undefined[]" checked="false" required="">A</label></div><div class="form-check"><label class="form-check-label"><input onchange="inputCHKChange(this);" type="checkbox" class="form-check-input" name="undefined[]" checked="false" required="">B</label></div></fieldset>

脚本：

function inputCHKChange(objInput) {
objInput.setAttribute('checked', objInput.checked);
}

jsfiddle.net 上的示例

【问题讨论】：

标签： javascript html checkbox onchange checked

【解决方案1】：

尝试删除“checked”属性。它应该可以正常工作

看下面的代码

<fieldset><div class="form-check"><label class="form-check-label"><input onchange="inputCHKChange(this);" type="checkbox" class="form-check-input" name="undefined[]" checked="false" required="">A</label></div><div class="form-check"><label class="form-check-label"><input onchange="inputCHKChange(this);" type="checkbox" class="form-check-input" name="undefined[]" checked="false" required="">B</label></div></fieldset>

【讨论】：

【解决方案2】：

checked 的属性设置为false：

checked="false"

checked 属性中的任何值，甚至checked 属性的存在，都会将复选框标记为选中。移除该属性会显示默认值unchecked。

示例：checked 属性已完全删除。

<div class="form-check">
  <label class="form-check-label">
    <input onchange="inputCHKChange(this);"
           type="checkbox" 
           class="form-check-input" 
           name="undefined[]" 
           required="">A</label>
</div>

【讨论】：