javascript - 如何将 checkbox.checked 设置为 false/未选中

Question

我这样做:

console.log(document.getElementsByName('chkDetail')[0].checked)

在 javascript 中我得到:

true

然后我完成了所有这些(以及更多):

document.getElementsByName('chkDetail')[0].setAttribute('checked', false);

或

document.getElementById('cd').setAttribute('checked', false);

或

document.getElementsByName('chkDetail')[0].removeAttribute('checked');

或

document.getElementById('cd').removeAttribute('checked');

然后当我再次这样做时:

console.log(document.getElementsByName('chkDetail')[0].checked)

我仍然得到:

true

似乎没有什么可以取消选中此复选框!

PS 我尝试过使用“false”和“false”，我知道将 bool 值强制转换为字符串只是评估为 true，所以我也尝试了“”和“”。

我去过的很多网站都说这些组合和其他组合都应该有效。我可能会忽略什么？

Answer 1

你尝试过吗:

document.getElementsByName('chkDetail')[0].checked = false;

查看this reference on the checked property的元素。该属性可以直接读取或写入。

我注意到您有一个getElementById('cd')。如果您想要的元素具有 ID 值，我建议您使用该值而不是 getElementsByName()。所以调用将变为:

document.getElementById('cd').checked = false;