SOS：如何用js或者jquery或者ajax实现页面的无刷新全选和反选等功能-JavaSript-爱易网页

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

日期：2014-05-16　浏览次数：20411 次

求救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 codejQuery.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++)

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>