chrome和ie 浏览器对checkbox选中状态获取

最新推荐文章于 2021-05-14 10:43:33 发布

残月飞鹰

最新推荐文章于 2021-05-14 10:43:33 发布

阅读量1.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： chrome ie checkbox 选中

本文链接：https://blog.youkuaiyun.com/songyanfei1205/article/details/89578574

javascript 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一个简单的复选框全选功能的JavaScript实现方法，通过点击全选按钮可以控制页面上所有复选框的状态，适用于Chrome和IE浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="checkbox" onclick="checkAll(this)">

function checkAll(obj){
  
  //chrome obj.checked : true / false
  
  //ie   obj.status : true / false
  

}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

残月飞鹰

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

ie6、7无法获取checkbox选择状态的处理

08-10

在ie6、ie7下，对于checkbox的勾选状态checked属性的值获取始终是null，利用jquery在获取的html中增加checked属性

IE 兼容 Javascript 读取checkbox的值

网站开发初中级代码参考-转载

08-26

142

参与评论您还未登录，请先登录后发表或查看评论

IE,firefox下jquery获取一组checkbox选中值的问题

独骥马车

11-14

469

最近突然发现 IE,firefox下jquery获取一组checkbox选中值时有问题，自己在IE 7 8 兼容视图下 $("input [type='checkbox'][checked]")是可以如实的获取页面的实际选中的情况，但在FF16.0.2 下则获取不到。调试时发现，在FF下需要判断一下 if(checked)时才会获取选中的实际情况，所以，统一将方法调整为： ...

关于checkbox如何取值

yjjy0921的专栏

03-18

263

[size=large]选择框 checkbox 的check属性可以通过两种方式来取 1。document.getElementById("xx").setAttribute("属性名","属性值"); 2。document.getElementById("xx").属性名="值"; 例,改变checkbox 的check属性为checked 1.document.getElem...

IE下双击checkbox反应延迟问题的解决方法

09-04

当`checkbox`处于选中状态时，连续两次快速单击（接近双击但不是严格意义上的双击）会导致`checkbox`在取消选中和保持取消选中状态之间交替，而不是恢复到选中状态。这是因为IE在处理连续快速单击时存在一个时间窗口...

美化兼容性浏览器的CheckBox复选框

同时，应进行全面的跨浏览器测试，以确保在IE、Firefox、Chrome、Safari等主流浏览器中都有良好的显示效果。 ### 知识点五：使用图标和动画增强交互通过使用图标代替传统的复选框，可以提高界面的视觉吸引力。...

jQuery1.9.1针对checkbox的调整方法(prop)

10-26

在jQuery 1.9.1中，对checkbox的选中状态进行操作时，开发者发现使用`attr`方法可能会遇到一些问题，特别是在IE10、Chrome和Firefox等现代浏览器中。例如，当你尝试先取消选中一个checkbox，然后再试图通过`attr('...

checkbox 修改禁用状态颜色

最新发布

07-30

另外，如果只需要改变原生的复选框禁用状态下的颜色，可以尝试直接使用`accent-color`属性（但注意这个属性主要是用于改变选中状态的颜色，并且对禁用状态的支持可能有限）： ```css input[type="checkbox"]:...

ie下checkbox控件点击问题

隐0士的博客

08-07

2415

近期使用input元素，type类型为checkbox来做一个“显示/隐藏”地址本人员上级部门全路径功能，实现完后发现，在鼠标疯狂点击该复选框时，在ie下会出现有时候选中状态紊乱的情况，上网查了原因后才发现，是checkbox在ie浏览器下的兼容问题，checkbox在IE下双击后为选中状态，其他浏览器则为先选中后取消选中，里面则是ondblclick双击事件出的问题，因此只要把双击事件改为单击时...

IE中checkbox在刷新后初始化的问题

12-11

初一看这个功能很简单，一个checkbox，加一段脚本，把这个checkbox的checked属性设为false。代码如下: <input type=”checkbox” id=”chk_UnInital” name=”chk_UnInital” /> [removed]document.getElementById(“chk_UnInital”).checked=false;[removed] 这段代码在firefox等其它浏览器中都能实现这个需求，维独在IE中死活不行，每次把勾勾上，无论是刷新还是后退，这个勾都是勾上的。难道是在IE下这段代码没工作？验证一下，在这段脚本前后各加一个

关于checkbox是否选中，用jQuery实现在ie不兼容的解决方法

l513655267的博客

12-01

1860

checkbox选择框： class="IsShowz" onclick="changeShow(this)" data-id="" checked value=""/> 是 /******* 该功能模块在火狐/谷哥正常，在ie下，不兼容；************ //是否展示产品 $('.IsShow').click(function(){

chrome控制台一句话实现页面checkbox全选

Don't lost way

05-14

2456

有时候做一些重复性的工作，操作一些界面，需要全选checkbox，但是页面又没提供全选功能，此时一句话全选能帮我们节省很多时间 document.querySelectorAll('input[type=checkbox]').forEach(function(item){ item.checked=true; console.log(item.checked) }); 在此记录，并不是因为这个功能很难，只是为了提醒我们，要时刻想着如何用工具提高效率。 ...

IE下checkbox双击问题

Forrest_Chen的专栏

07-26

2928

checkbox在IE下双击后为选中状态，其他主流浏览器则为先选中后取消选中，所以给人感觉IE下checkbox反应很慢的样子。这其实是ondblclick（双击）属性搞鬼。解决方案： $(document).ready(function() { //重要 $("input[type='checkbox']").attr('ondblclick', 'this.click

IE下面双击checkbox反应延迟的问题

ForeverCjl的专栏

03-26

2426

上面这段代码在IE下会生成一个多选框，单击它会选中打勾，再次单击则会取消打勾。这样看上去并没有什么不妥的地方，但是如果你尝试快速两次单击（比双击稍微慢一点吧。。）这个按钮，可能效果并不如你想象的那样。在IE下面，假如此时checkbox为选中状态，在你快速两次单击的过程中，第一次单击会使得checkbox取消选中，第二次单击完之后checkbox并不会变为已选中，而是继续保持取消选

checkbox点击事件，在IE和谷歌浏览器显示不同的结果

qq_36011279的博客

03-15

1022

html代码(vue.js) <table class="table table-bordered"> <thead> <tr> <th class="w55" ...

checkbox与文字对齐方式（同样可用于radio单选框）

acvc225的博客

05-05

826

checkbox 在chrome 和 firefox中间距是由margin撑开， IE中则是由padding，并且无法设置边框；主要参考大神的博客，http://www.zhangxinxu.com/wordpress/2009/08/%E5%A4%8D%E9%80%89%E6%A1%86%E6%88%96%E5%8D%95%E9%80%89%E6%A1%86%E4%B8%8E%E6%96%...