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

最新推荐文章于 2022-09-29 16:05:09 发布
最新推荐文章于 2022-09-29 16:05:09 发布
阅读量1.7k 收藏
点赞数 2
CC 4.0 BY-SA版权
分类专栏： javascript 文章标签： chrome ie checkbox 选中
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/songyanfei1205/article/details/89578574
本文介绍了一个简单的复选框全选功能的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
  

}

 

ie6、7无法获取checkbox选择状态的处理
08-10
在ie6、ie7下，对于checkbox的勾选状态checked属性的值获取始终是null，利用jquery在获取的html中增加checked属性
IE 兼容 Javascript 读取checkbox的值
网站开发初中级代码参考-转载
08-26 142
&lt;script type="text/javascript"&gt; function test(){ // 得到checkbox数组 var elements = document.getElementsByName("answer"); var str = ""; // 取得所选择的角色 for(var i=0;i&lt;elements.length;i++){ if(e...
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 265
[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 1861
checkbox选择框： class="IsShowz" onclick="changeShow(this)" data-id="" checked value=""/> 是 /*******  该功能模块在火狐/谷哥正常，在ie下，不兼容；************         //是否展示产品     $('.IsShow').click(function(){
chrome控制台一句话实现页面checkbox全选
Don't lost way
05-14 2472
有时候做 一些重复性的工作，操作一些界面，需要全选checkbox，但是页面又没提供全选功能，此时一句话全选能帮我们节省很多时间 document.querySelectorAll('input[type=checkbox]').forEach(function(item){ item.checked=true; console.log(item.checked) }); 在此记录，并不是因为这个功能很难，只是为了提醒我们，要时刻想着如何用工具提高效率。 ...
IE下checkbox双击问题
Forrest_Chen的专栏
07-26 2931
checkbox在IE下双击后为选中状态，其他主流浏览器则为先选中后取消选中，所以给人感觉IE下checkbox反应很慢的样子。这其实是ondblclick（双击）属性搞鬼。 解决方案： $(document).ready(function() { //重要 $("input[type='checkbox']").attr('ondblclick', 'this.click
IE下面双击checkbox反应延迟的问题
ForeverCjl的专栏
03-26 2429
上面这段代码在IE下会生成一个多选框，单击它会选中打勾，再次单击则会取消打勾。   这样看上去并没有什么不妥的地方，但是如果你尝试快速两次单击（比双击稍微慢一点吧。。）这个按钮，可能效果并不如你想象的那样。   在IE下面，假如此时checkbox为选中状态，在你快速两次单击的过程中，第一次单击会使得checkbox取消选中，第二次单击完之后checkbox并不会变为已选中，而是继续保持取消选
checkbox点击事件，在IE和谷歌浏览器显示不同的结果
qq_36011279的博客
03-15 1024
html代码(vue.js) &lt;table class="table table-bordered"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th class="w55" ...
chromedp+goquery爬取打字邀请码实战
sunriseYJP的博客
09-29 1968
最近一直在研究钉钉机器人用于推送消息，突然想到小组同学经常会键盘打字竞赛，竞赛所用的邀请码一直是手动获取，不够自动化，较为繁琐，想着给钉钉机器人添加一个定时推送打字邀请码的功能，方便大家打字，提高效率。
关于Chrome CheckBox第二次选择无效
高级全栈工程师
09-09 2510
兄弟们遇到问题了，CheckBox .attr('checked',false);  Chrome和火狐第二次点击无效。 然后解决了把attr 改成了 prop 以后操作属性的时候各位记下，用prop 因为大家用的都是 jQuery 1.6+ 了！ 贴部分代码 $("#selectAllEvent").click(function(){ var thisValue = $(this)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

残月飞鹰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值