`
hngmduyi
  • 浏览: 329310 次
  • 性别: 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 的节点...

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

    最近在工作中使用jquery操作checkbox,使用下面方法进行全选、反选: 代码如下: var ischecked=allCheckObj.is(‘:checked’); ischecked?checksObj.attr(‘checked’,true):checksObj.attr(‘checked’,false); ...

    jquery ztree学习文档

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

    JQuery zTree

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

    JQuery zTree v3.2 最新版

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

    JQuery zTree v3.5.44

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

    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 的节点移动、...

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

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

    zTree(JQuery Tree) v3.1.rar

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

    Jquery zTree 树控件异步加载操作

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

    ztree 3.5.16

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

    ztree 树插件简单实例-example-01

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

    ztree树的部分js文件

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

    星号投票、标尺选择器等四款实用jQuery代码.rar

    这几款插件都相当实用,而且作者完成的相当漂亮,基本上都兼容ie6/7/8、firefox2/3、Opera、safari等众多主流浏览器;以下具体来说明:  一、漂亮的title插件,可以显示像提示框一样的弹出层,字体颜色和大小可以...

    TreeTableJava实现树形结构表格

    兼容主流浏览器: 支持IE6和IE6+, Firefox, chrome, Opera, Safari 接口简洁: 在普通表格的基础上增加父子关系的自定义标签就可以 组件性能高: 内部实现了只绑定了table的事件、使用了css sprite合并图片等 提供...

    JQuery zTree-其他

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

    在一个页面实现两个zTree联动的方法

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

    ztree获取选中节点时不能进入可视区域出现BUG如何解决

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

    几款超实用的jquery插件及用法演示

    内容索引:脚本资源,jQuery,编辑器,投票,jQuery提示 这几款插件都相当实用,而且作者完成的相当漂亮,基本上都兼容ie6/7/8、firefox2/3、Opera、safari等众多主流浏览器;以下具体来说明:  一、漂亮的title插件,...

Global site tag (gtag.js) - Google Analytics