`
hngmduyi
  • 浏览: 335214 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery 完美的操作checkbox,兼容IE,和火狐

 
阅读更多

之前网上参考的代码都是使用jquery的attr方法,在火狐下有bug,以下是无bug完美全选与反选:

 

  1. $('#select_all').click(function(){ 
  2.     $('input:checkbox').each(function(){ 
  3.         $(this)[0].checked = true
  4.     }); 
  5. }); 
  6. $('#un_select_all').click(function(){ 
  7.     $('input:checkbox').each(function(){ 
  8.         if ($(this)[0].checked == true){ 
  9.             $(this)[0].checked = false
  10.         }else
  11.             $(this)[0].checked = true
  12.         } 
  13.     }); 
  14. }); 

另外,加上对获得所有选中的checkbox处理代码:

 

  1. $('input:checked').each(function(){ 
  2.     alert($(this).val()); 
  3. }); 

循环遍历已经选中的CHECKBOX

 var ids="";
   $("input[type='checkbox']:checked").each(function(){
    ids+=ids==""?$(this).val():","+$(this).val();
   });

 

分享到:
评论

相关推荐

    JQuery带checkbox多选的下拉列表

    JQuery带checkbox多选的下拉列表,功能非常强大,浏览器兼容性也很强, 浏览器兼容性如下: IE 7+ Chrome 8+ Firefox 10+ Safari 3+ Opera 10.6+ 调用非常强大,扩展性也很强

    JQuery完美树形插件-zTree

    1、兼容 IE、FireFox、Chrome 等浏览器 2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及反馈 6、支持 Tree 的节点...

    兼容ie和firefox版本的js反选 全选 多选框

    这个场景中,我们讨论的是一个针对多选框(checkbox)实现全选、反选功能的JS代码,该代码旨在解决在Internet Explorer(IE)和Firefox这两个主流浏览器中的兼容性问题。 首先,我们来看一下提供的代码片段: ```...

    使用JQuery封装的Select&Checkbox&Radio脚本-维豪信息技术有限公司内部

    在“使用JQuery封装的Select&Checkbox&Radio脚本-维豪信息技术有限公司内部”这个项目中,特别提到了在Firefox和IE等系列浏览器中进行了测试。这表明脚本已经考虑到了不同浏览器之间的差异,确保在各种环境下正常...

    jquery ztree学习文档

    1、兼容 IE、FireFox、Chrome 等浏览器(对于IE 6.0的兼容问题将不做特殊维护) 2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持...

    解决jquery操作checkbox火狐下第二次无法勾选问题

    这个问题在Internet Explorer(IE)中并不存在,表现为完全兼容。 首先,让我们回顾一下,在jQuery中操作DOM元素属性的方法主要分为两种:`.attr()` 和 `.prop()`。 1. `.attr()` 方法主要用于获取和设置HTML属性...

    JQuery zTree

    兼容 IE、FireFox、Chrome 等浏览器(对于IE 6.0的兼容问题将不做特殊维护) 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性静态生成 和 Ajax异步加载 两种方式 支持多种事件响应及反馈 支持 Tree...

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

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

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

    在网页开发过程中,兼容性问题始终是一个不可忽视...对于这种特定的IE双击`checkbox`反应延迟问题,我们可以利用JavaScript和jQuery来创建一个兼容的解决方案,使得在所有支持的浏览器中,用户操作都能得到一致的反馈。

    IE与FireFox的JavaScript兼容问题解决办法

    以上总结了IE和FireFox之间在JavaScript操作上存在的一些兼容性问题以及解决方案。开发者在进行跨浏览器编程时,需要注意这些问题,采取相应的兼容性措施,以确保网站或Web应用能够在不同的浏览器环境中正常运行。这...

    checkBox嵌套(跨浏览器)

    完成开发后,务必在多种浏览器(如Chrome、Firefox、Safari、Edge和旧版IE)和设备上进行测试,以确保复选框嵌套功能在所有环境下都能正常运行。利用浏览器开发者工具可以帮助定位和修复问题。 通过以上方法,我们...

    jquery iCheck.js实现的自定义复选框checkbox和单选框radio样式插件.zip

    iCheck.js支持响应式设计,适用于各种屏幕尺寸,且兼容各种主流浏览器,包括Chrome、Firefox、Safari、Opera和IE8及以上版本。 二、iCheck.js的安装与引入 要使用iCheck.js,首先需要在HTML文件中引入jQuery库和...

    漂亮的checkbox样式(多选框)完美兼容IE8/9/10,FF等

    本文将探讨如何创建一个兼容多种浏览器,包括IE8/9/10以及Firefox的漂亮多选框(checkbox)样式。这个定制的样式提供了default、hover和active三种状态,确保在不同交互阶段呈现出一致且吸引人的视觉效果。 在传统...

    JQuery zTree v3.2 最新版

    兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器 支持 JSON 数据 支持静态 和 Ajax 异步加载节点数据 支持任意更换皮肤 / 自定义图标(依靠css) 支持极其灵活的 checkbox 或 radio 选择功能 提供多种事件响应回...

    JQuery-zTree-v2.6.rar_Java 8_jquery tree_jquery-ztree-2.6.js_jqu

    1、兼容 IE、FireFox、Chrome 等浏览器 2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及反馈 6、支持 Tree 的节点移动、...

    .net模拟多选框兼容多种浏览器

    标题中的".net模拟多选框兼容多种浏览器",指的是使用.NET技术来编写一段代码,该代码能够在不同的浏览器环境下模拟复选框的行为,确保在IE、Firefox、Chrome、Safari等主流浏览器中都能正常工作。这段源码很可能...

    jQuery实现美化版的单选框和复选框

    最后,确保你的代码在主流浏览器(如Chrome、Firefox、Safari、Edge和IE11)中都表现良好,进行充分的兼容性测试。 在提供的`jquery-pretty-radio-checkbox`压缩包中,可能包含了实现以上功能的CSS样式文件、...

    JQuery zTree v3.5.44

    JQuery zTree特点兼容IE、FireFox、Chrome等浏览器(对于IE 6的兼容问题将不做特殊维护)在一个页面内可同时生成多个Tree实例支持JSON数据支持一次性静态生成和Ajax异步加载两种方式支持多种事件响应及反馈支持Tree...

    jQueryAPI1.4

    jQuery 1.4在当时的主流浏览器上表现良好,包括IE6+、Firefox、Chrome、Safari和Opera,为开发者提供了良好的跨浏览器兼容性。 总的来说,jQuery API 1.4是JavaScript开发中不可或缺的工具,它的易用性和广泛的功能...

    自创的投票结果数据对比条形图的JQUERY插件

    花生米AJAX-UI系列之:基于JQUERY的投票结果对比条形图0.1版 特点: ... 是否使用radio,checkbox等INPUT控件,也可自定义; ... IE6下,需要设定好每一行的行高(行高会作为... 测试,兼容IE6--IE8,Firefox,chrome浏览器。

Global site tag (gtag.js) - Google Analytics