当前位置: 代码迷 >> JavaScript >> SOS:如何用js或者jquery或者ajax实现页面的无刷新全选和反选等功能
  详细解决方案

SOS:如何用js或者jquery或者ajax实现页面的无刷新全选和反选等功能

热度:264   发布时间:2012-05-16 11:12:12.0
求救SOS:怎么用js或者jquery或者ajax实现页面的无刷新全选和反选等功能?
RT
实现页面的全选或者反选,还有批量删除,修改等功能啊??高手请来啊,急救啊~~~~~~~~要求给源码!!

------解决方案--------------------
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;
}

------解决方案--------------------
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;}
}
}
}
------解决方案--------------------
JScript code
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();
}

------解决方案--------------------
没看明白lz所谓无刷新。。。
全选之类的只要用js实现了就行了,
不用提交,不存在刷新问题吧
------解决方案--------------------
HTML code
<!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>

------解决方案--------------------
JScript code
var ck = true
function CheckAll()
{
var x = document.getElementsByTagName("INPUT")
for(i = 0;i < x.length; i++)
  相关解决方案