【JQUERY】jQuery的选择器在IE8小[checked]失效的解决方法

IE8非兼容模式Checkbox遍历
最新推荐文章于 2022-06-24 11:45:44 发布
原创 最新推荐文章于 2022-06-24 11:45:44 发布 · 3.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #ie #input #function

本文介绍了一种在IE8非兼容模式下正确遍历表单中选中的复选框的方法。通过调整jQuery选择器的语法，解决了在特定浏览器环境下遍历问题。

 

【问题】

我要对一个表单中的复选框(checkbox)选中行进行遍历.用一下代码
// 判断选中个数    
$( ' input[name=phonenorange][checked] ' ).length;   
// 遍历选中项    
$( ' input[name=phonenorange][checked] ' ).each( function (){   
       //     
 });  
在IE6,IE7中都正确.
但在IE8非兼容模式下就出错了.

【分析】
经排查,就是这个[checked]搞的鬼.
【结果】使用如下代码就可以了.
Js代码
$('input:checked[name=phonenorange]') 

JavaScript和jQuery的概述《干货》
2301_79258776的博客
04-23 1539
学会javaScript和jQuery的灵活运用！
升级版--支持ie8单选框与复选框自定义样式制作
08-01
在我的资源http://download.youkuaiyun.com/detail/zhu_nana/9555749的基础上做了升级，，，，即为升级版---支持ie8单选框与复选框自定义样式
jquery html ie显示不出来,jquery .html()在ie8上不起作用
weixin_31969199的博客
06-15 266
我有一个jquery函数，它对Web服务器上的webservice方法进行ajax调用，该方法返回一个带有数据的html表。我使用.html()来渲染div上的返回值。这适用于Firefox，Chrome，Safari，但在IE8上无效$.ajax({type: "POST",url: "./../WebAjaxCalls.asmx/GetProductInstruction",data: "{'...
jQuery1.3.2的选择器在IE8小[checked]失效的简单解决方法
weixin_30425949的博客
08-01 167
工作中,我要对一个表单中的复选框(checkbox)选中行进行遍历.用一下代码 1//判断选中个数2$('input[name=input][checked]').length;3//遍历选中项4$('input[name=input][checked]').each(function(){5//6});在IE6,IE7,FF2.*,FF3.0中都正确.但在IE8非兼容模式...
ie8和高版本的firefox不支持jquery 对checked的选择器
07-16 143
functiongetCheckboxValue(){ //注意ie8和高版本的firefox不支持jquery对checked的选择器 //vars=$('input[type="checkbox"][name="xxx"][checked]');是获取不到选定的元素 //需要用下...
ie8支持css吗,教你如何轻松解决css不兼容IE8
weixin_42613360的博客
08-03 635
教你如何轻松解决css不兼容IE8IE浏览器的兼容性一直是网站开发人员头疼的事情，众所周知，微软的InternetExplorer团队一直在致力于将IE8打造为最符合业内标准的浏览器，所不幸的是，当前并非所有的网站都符合这些标准。那如何让网站在IE8的兼容模式下运行呢。在互联网上仔细寻找了一些常用的方法，当然微软的官方也给出了解决的方案，下面将列举出来，希望能给网站开发人员解决这样的问题。第一种...
jquery选择checked在ie8普通模式下的问题
12-12
发现ie8普通模式下 $(“input[name=’check’]:checked”).val() 能正常选择到对应的复选框 而$(“input[name=’check’][checked]”).val()却会出错,出现随机选择被选中项的问题 很奇怪
jquery中checkbox全选失效的解决方法
10-25
本文将介绍在不同版本的jQuery中，如何正确地获取和设置复选框的“checked”状态，以及在遇到全选功能失效时的解决方法。 首先，需要了解的是在jQuery中，处理复选框的选中状态有两种方法：.attr()方法和.prop()...
浅谈jQuery绑定事件会叠加的解决方法和心得总结
11-28
`.bind()`是jQuery早期版本中用于绑定事件的方法，而在jQuery 1.7及以后的版本中，它被`.on()`方法所取代，两者都能实现相同的功能。当为DOM元素绑定事件处理函数时，每次调用这些方法都会添加一个新的监听器，而...
JQuery 设置checkbox值二次无效的解决方法
10-21
最后，需要注意的是，在进行JQuery操作时，应当确保所用选择器的正确性，避免由于选择器错误导致操作失败。同时，为了保持代码的可读性和可维护性，应当遵循良好的编程习惯，如合理地命名变量、注释代码等。 通过...
精选资源
jQuery单选框跟复选框美化特效代码
03-20
通过选择器，我们可以精准定位到页面上的特定输入元素，并对其进行操作。例如，`$("input[type='radio']")`和`$("input[type='checkbox']")`可以选取所有的单选框和复选框。 在描述中提到的功能，如“选中，未选中...
支持ie8单选框与复选框自定义样式制作
06-21
支持ie8单选框与复选框自定义样式
IE8下input[type="radio"]:checked + label:before控制样式，radio,checkbox点击没样式解决办法
高彩琼的博客
05-09 3719
写在前面，因为部分客户用xp的系统，最高支持到IE8，所以开发的页面要求兼容到IE8，o(╥﹏╥)o 个人是IE11，win7环境不能安装iIE8，找了好久各种不支持，不能用IE8浏览器测试，只能用IE11下F12调试模式仿真IE8 引用的主要js <script type="text/javascript" src="/framework-web/static/easyui/...
checkbox/radio onchange不能兼容ie8处理办法
hq.zheng的博客
07-12 854
一.在ie8下，checkbox的onchange没能实现触发自定义的函数，可以手工触发function forIe(){ if($.browser.msie){ //判断浏览器是否为ie $("input[type='checkbox']").click(function(){ this.blur(); //先失去焦点，执行你的自定义的操作 this....
checkbox/radio onchange不能兼容ie8 如何处理？
sinat_33337475的博客
03-31 2600
在ie8下，checkbox的onchange没能实现触发自定义的函数，如何解决该问题，如下： function forIe(){ if($.browser.msie){ //判断浏览器是否为ie $("input[type='checkbox']").click(function(){ this.blur(); //先失去焦点，执行你的自定义的
selectivizr兼容ie8以下的css3伪类选择器以后得ie9hack问题
baidu_34197758的博客
04-05 1883
为了实现ridio 选中ridio 样子自动变用了input:checked + .ridio {background-image:url(../img/radio1.png);}实现，但是后来发现：checked 选择器ie8以下不能识别，最近从一个大神那发现了了一个可以使ie8版本识别css3伪类和属性选择器selectivizr，地址为http://www.zhangxinxu.com/wo
jquery checkbox 用法(兼容ie、火狐)
y_h_t的专栏
03-11 2456
jquery checkbox 用法(兼容ie、火狐) jquery checkbox递归 jquery checkbox选中全部
IE8常见兼容性问题总结
weixin_30312563的博客
04-24 235
1.placeholder问题 IE8下，在获取input:text输入框的值时，如果输入框未输入，则会获取到placeholder属性的值。 1 <input type="text" id="id-input" placeholder="请输入查询条件"/> 2 <div class="w-btn orange-btn w120 w2-center" id=...
IE8兼容性问题解决,复选框无法勾选
weixin_48077500的博客
06-24 1191
IE9+的情况下用伪元素写的复选框都可以正常勾选✅IE8的时候,无法勾选 菜鸡通过都放不了发现是伪元素有一行代码没生效菜鸡没找到原因,为何IE8不能识别 input[type="checkbox"]:checked+ label:before{ } 考虑到,IE8的用户据说全球只有百分之0.64%功能优先,美观其次对吧少荣大佬帮给出的折中方案是,不用伪元素这种漂亮的✅,改用原生input(无意间测试发现原生input复选框其实可以勾选的,只不过被代码display:none藏起来了)
jQuery基础教程：替换节点操作详解
- **jQuery选择器**：jQuery支持CSS选择器，以及一些特有的选择器，如`:first`, `:last`, `:even`, `:odd`, `:not`, 等等，这使得选择元素变得更加简单和高效。 - **DOM操作**：jQuery提供了丰富的DOM操作方法，如`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值