复选框未选中，但加载时已选中

Question

正在加载一些复选框，其中包含必需的选项。开始时不检查它们。使用 '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

Answer 1

checked 的属性设置为 false:

checked="false"

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

示例：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>

Answer 2

尝试删除“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>

复选框未选中，但加载时已选中

Checkbox is unchecked, but it loads as checked

html

javascript

checkbox

onchange

checked