在Chrome或Firefox开发人员工具中复选框已选中的属性不变

亚力山大

假设您有一个选中的复选框。在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">

但是,事实并非如此。为什么?

那只是attribute加载元素时HTML定义的默认属性如果未选中,DOM property则实际上是切换的。这就是为什么属性似乎没有变化的原因。

以下代码将当前DOMchecked属性输出到控制台:

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

这是JSFiddle

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Firefox文档检查器,Firebug和Webkit开发人员工具(Chrome / Safari)无法更新HTML以反映通过AJAX加载的复选框的选中状态

来自分类Dev

Google Chrome开发人员工具已禁用

来自分类Dev

在chrome开发人员工具中调试插件

来自分类Dev

Chrome开发人员工具中的HTTP请求

来自分类Dev

让React开发人员工具在Chrome中运行

来自分类Dev

Firefox开发人员工具中的等效功能或Chrome的“资源”标签中的Firebug?

来自分类Dev

Firefox开发人员工具中的等效功能或Chrome的“资源”标签中的Firebug?

来自分类Dev

Chrome开发人员工具中的console.log对象/功能属性

来自分类Dev

Chrome开发人员工具-在Javascript中查找匹配的Name或Id属性?

来自分类Dev

永久删除/卸载firefox开发人员工具

来自分类Dev

Chrome操作系统开发人员工具已禁用

来自分类Dev

Chrome操作系统开发人员工具已禁用

来自分类Dev

chrome 38屏幕尺寸开发人员工具

来自分类Dev

Atom IDE打开Chrome开发人员工具

来自分类Dev

chrome 38屏幕尺寸开发人员工具

来自分类Dev

Google Chrome Web开发人员工具

来自分类Dev

Android开发人员关于单选复选框

来自分类Dev

Chrome开发人员工具:控制台中的对象属性自动完成吗?

来自分类Dev

子树和属性断点 Chrome 开发人员工具未捕获转换

来自分类Dev

Chrome开发人员工具放大镜已从Chrome 32中消失

来自分类Dev

开发人员工具中的IE 11 cookie

来自分类Dev

Android开发人员工具中的警告-Eclipse

来自分类常见问题

在firefox开发人员工具中增加代码字体大小

来自分类Dev

Firefox开发人员工具中的Sass(源地图)支持

来自分类Dev

Firefox开发人员工具中3D视图的用例是什么

来自分类Dev

Firefox开发人员工具-无法在检查器中显示节点

来自分类Dev

Firefox开发人员工具中3D视图的用例是什么

来自分类Dev

如何在Firefox开发人员工具的“网络”标签中更改列的宽度

来自分类Dev

Firefox、开发人员工具和文件下载在单独的(临时)选项卡中

Related 相关文章

  1. 1

    Firefox文档检查器,Firebug和Webkit开发人员工具(Chrome / Safari)无法更新HTML以反映通过AJAX加载的复选框的选中状态

  2. 2

    Google Chrome开发人员工具已禁用

  3. 3

    在chrome开发人员工具中调试插件

  4. 4

    Chrome开发人员工具中的HTTP请求

  5. 5

    让React开发人员工具在Chrome中运行

  6. 6

    Firefox开发人员工具中的等效功能或Chrome的“资源”标签中的Firebug?

  7. 7

    Firefox开发人员工具中的等效功能或Chrome的“资源”标签中的Firebug?

  8. 8

    Chrome开发人员工具中的console.log对象/功能属性

  9. 9

    Chrome开发人员工具-在Javascript中查找匹配的Name或Id属性?

  10. 10

    永久删除/卸载firefox开发人员工具

  11. 11

    Chrome操作系统开发人员工具已禁用

  12. 12

    Chrome操作系统开发人员工具已禁用

  13. 13

    chrome 38屏幕尺寸开发人员工具

  14. 14

    Atom IDE打开Chrome开发人员工具

  15. 15

    chrome 38屏幕尺寸开发人员工具

  16. 16

    Google Chrome Web开发人员工具

  17. 17

    Android开发人员关于单选复选框

  18. 18

    Chrome开发人员工具:控制台中的对象属性自动完成吗?

  19. 19

    子树和属性断点 Chrome 开发人员工具未捕获转换

  20. 20

    Chrome开发人员工具放大镜已从Chrome 32中消失

  21. 21

    开发人员工具中的IE 11 cookie

  22. 22

    Android开发人员工具中的警告-Eclipse

  23. 23

    在firefox开发人员工具中增加代码字体大小

  24. 24

    Firefox开发人员工具中的Sass(源地图)支持

  25. 25

    Firefox开发人员工具中3D视图的用例是什么

  26. 26

    Firefox开发人员工具-无法在检查器中显示节点

  27. 27

    Firefox开发人员工具中3D视图的用例是什么

  28. 28

    如何在Firefox开发人员工具的“网络”标签中更改列的宽度

  29. 29

    Firefox、开发人员工具和文件下载在单独的(临时)选项卡中

热门标签

归档