求救SOS：怎么用js或者jquery或者ajax实现页面的无刷新全选和反选等功能？

RT
实现页面的全选或者反选，还有批量删除，修改等功能啊？？高手请来啊，急救啊~~~~~~~~要求给源码！！

解决方案 »

  1.   

    本帖最后由 net_lover 于 2010-10-15 09:08:06 编辑
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
    <HTML>  
    <HEAD>  
    <TITLE> 显示隐藏列 </TITLE>  
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <SCRIPT LANGUAGE="JavaScript">  
      $(function()    {
        $("#all").click(function()    {
            $(":checkbox").attr("checked",true);
        });
        
        $("#other").click(function()    {
            $(":checkbox").each(function() {
                $(this).attr("checked",!$(this).attr("checked"));
            });
        });
        
        $("#delete").click(function()    {
            var values = [];
            $(":checkbox:checked").each(function()    {
                values.push($(this).val());
            });
            alert(values);    //我不知道你要删除的操作怎么做，但是这个可以提供一个数组，该数组是你选中的checkbox的值
        });
      });
    </SCRIPT>  
    </HEAD>  
      
    <BODY>  
    <input type="checkbox" value="aa" text="aa" />
    <input type="checkbox" value="bb" text="bb" />
    <input type="checkbox" value="cc" text="cc" />
    <input type="checkbox" value="dd" text="dd" />
    <input type="checkbox" value="ee" text="ee" />
    <input type="checkbox" value="ff" text="ff" />
    <input type="checkbox" value="gg" text="gg" />
    <input type="checkbox" value="hh" text="hh" />
    <input type="checkbox" value="ii" text="ii" /><input type="button" id="all" value="全选" />
    <input type="button" id="other" value="反选" />
    <input type="button" id="delete" value="删除" />
    </BODY>  
    </HTML>  
      

  3.   

    function ChooseAll()
    {
    var num=objtb.getElementsByTagName("input");
    var check=document.getElementById("checkAll");
    for(i=0;i<num.length;i++)
    {
    if(num[i].tagName=="INPUT")
    {
    if(check.checked==true)
    {num[i].checked=true;}
    else{num[i].checked=false;}
    }
    }
    } 
      

  4.   

    jQuery.fn.extend({
      check: function() {
        return this.each(function() { this.checked = true; });
      },
      uncheck: function() {
        return this.each(function() { this.checked = !this.checked; });
      }
    });function  CheckAll()
    {
    $("input[@type=checkbox]").check();
    }function UnCheckAll()
    {
    $("input[@type=checkbox]").uncheck();
    }
      

  5.   

    没看明白lz所谓无刷新
    全选之类的只要用js实现了就行了，
    不用提交，不存在刷新问题吧
      

  6.   


    对的，但是我实现不了额，欢迎加我QQ教教我啊，js学的不好，项目要用，感激不尽！！QQ：534151226
      

  7.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
    <HTML>  
    <HEAD>  
    <TITLE> 显示隐藏列 </TITLE>  
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <SCRIPT LANGUAGE="JavaScript">  
      $(function()    {
        $("#all").toggle(function()    {
            $(":checkbox").attr("checked",true);
        },function()    {
            $(":checkbox").attr("checked",false);
        });
        
        $("#other").click(function()    {
            $(":checkbox").each(function() {
                $(this).attr("checked",!$(this).attr("checked"));
            });
        });
        
        $("#delete").click(function()    {
            var values = [];
            $(":checkbox:checked").each(function()    {
                values.push($(this).val());
            });
            alert(values);    //我不知道你要删除的操作怎么做，但是这个可以提供一个数组，该数组是你选中的checkbox的值
        });
      });
    </SCRIPT>  
    </HEAD>  
      
    <BODY>  
    <input type="checkbox" value="aa" text="aa" />
    <input type="checkbox" value="bb" text="bb" />
    <input type="checkbox" value="cc" text="cc" />
    <input type="checkbox" value="dd" text="dd" />
    <input type="checkbox" value="ee" text="ee" />
    <input type="checkbox" value="ff" text="ff" />
    <input type="checkbox" value="gg" text="gg" />
    <input type="checkbox" value="hh" text="hh" />
    <input type="checkbox" value="ii" text="ii" /><input type="button" id="all" value="全选" />
    <input type="button" id="other" value="反选" />
    <input type="button" id="delete" value="删除" />
    </BODY>  
    </HTML>  
      

  8.   

    JScript code
    var ck = true
    function CheckAll()
    {
      var x = document.getElementsByTagName("INPUT")
      for(i = 0;i < x.length; i++)
      {
        if(x[i].type=="checkbox")
        x[i].checked = ck;
      }
      ck=!ck;
    }同意二楼
      

  9.   

    $(function(){        $("#checkedAll").click(function(){
         $("[name=check]:checkbox").attr('checked',true);
    });

    $("#checkedNo").click(function(){
         
    $("[name=check]:checkbox").attr('checked',false);
    });

    $("#checkedRev").click(function(){
         $("[name=check]:checkbox").each(function(){
          this.checked=!this.checked;
     });
    });

    });<input type="checkbox" name="check" value=""/>
    <TR><TD align="right" height="25">
          <input type="button" id="checkedAll" value="全选" />
                  <input type="button" id="checkedNo" value="全不选" />
                  <input type="button" id="checkedRev" value="反转" /></TD></TR>
      

  10.   

    jQuery实现全选，全不选和反转！代码很简单！！$(function(){        $("#checkedAll").click(function(){
         $("[name=check]:checkbox").attr('checked',true);
    });

    $("#checkedNo").click(function(){
         
    $("[name=check]:checkbox").attr('checked',false);
    });

    $("#checkedRev").click(function(){
         $("[name=check]:checkbox").each(function(){
          this.checked=!this.checked;
     });
    });

    });<input type="checkbox" name="check" value=""/><TR><TD align="right" height="25">
        <input type="button" id="checkedAll" value="全选" />
        <input type="button" id="checkedNo" value="全不选" />
        <input type="button" id="checkedRev" value="反转" /></TD></TR>