选中的复选框 属性 在 Chrome 或 Firefox 开发者工具中没有改变
Check box checked property doesn't change in Chrome or Firefox Developer Tools
假设您有一个复选框，它已被选中。在 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">
然而，事实并非如此。为什么？
这只是加载时由元素的 HTML attribute 定义的默认值 属性。未选中时，它的 DOM property 是实际切换的内容。这就是 属性 似乎没有改变的原因。
下面的代码将当前 DOM checked 属性 输出到控制台：
$("input").click(function(){
console.log($(this)[0].checked);
});
假设您有一个复选框，它已被选中。在 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">
然而，事实并非如此。为什么？
这只是加载时由元素的 HTML attribute 定义的默认值 属性。未选中时，它的 DOM property 是实际切换的内容。这就是 属性 似乎没有改变的原因。
下面的代码将当前 DOM checked 属性 输出到控制台：
$("input").click(function(){
console.log($(this)[0].checked);
});