复选框选中的属性在 Chrome 或 Firefox 开发者工具中没有改变

Posted 2023-03-07

【中文标题】复选框选中的属性在 Chrome 或 Firefox 开发者工具中没有改变

【英文标题】：Check box checked property doesn't change in Chrome or Firefox Developer Tools

【发布时间】：2016-03-15 18:15:47

【问题描述】：

假设你有一个复选框，它被选中。在 Chrome 或 Firefox 中，当您单击检查元素时，您将在 html 中看到：

<input checked="checked" class="some-class" id="some-id" name="some-name" type="checkbox" value="some-value">

我希望，当我单击复选框并取消选中它时，html 会发生变化，checked 属性会消失：

<input class="some-class" id="some-id" name="some-name" type="checkbox" value="some-value">

但是，事实并非如此。为什么？

【问题讨论】：

Checkboxes not displaying Chrome - Work in other browsers的可能重复

【参考方案1】：

这只是加载时元素的 HTML attribute 定义的默认属性。未选中时，它的 DOM property 是实际切换的内容。这就是 属性 似乎没有改变的原因。

以下代码将当前 DOM checked 属性输出到控制台：

$("input").click(function()
    console.log($(this)[0].checked);
);

Here is the JSFiddle

【讨论】：

感谢您的回答。我认为最好在这里解释：***.com/a/6004028/1836143 特别是更新。