欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery 完美的操作checkbox,兼容IE,和火狐 博客分类: web前端  

程序员文章站 2024-02-26 08:00:09
...

之前网上参考的代码都是使用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();
   });