html – 复选框选中的属性在Chrome或Firefox开发人员工具中不会更改

概述假设您有一个复选框,该复选框已选中.在Chrome或Firefox中,单击inspect元素时,在 HTML中您会看到： <input checked="checked" class="some-class" id="some-id" name="some-name" type="checkbox" value="some-value"> 我希望,当我单击复选框并取消选中它时,html将更改,并且 假设您有一个复选框,该复选框已选中.在Chrome或firefox中,单击inspect元素时,在 HTML中您会看到：

<input checked="checked"  ID="some-ID" name="some-name" type="checkBox" value="some-value">

我希望,当我单击复选框并取消选中它时,HTML将更改,并且checked属性将消失：

<input  ID="some-ID" name="some-name" type="checkBox" value="some-value">

但事实并非如此.为什么？

解决方法 这只是加载时元素的HTML属性定义的默认属性.取消选中时,它的DOM属性实际上是切换的.这就是属性似乎没有改变的原因.

此跟随代码将当前DOM checked属性输出到控制台：

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

Here is the JSFiddle

总结

以上是内存溢出为你收集整理的html – 复选框选中的属性在Chrome或Firefox开发人员工具中不会更改全部内容，希望文章能够帮你解决html – 复选框选中的属性在Chrome或Firefox开发人员工具中不会更改所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。