全选复选框做法

Posted 于超。

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了全选复选框做法相关的知识,希望对你有一定的参考价值。

全选复选框

js方法
function CheckAll(){
	var qx = document.getElementById("qx").checked;
	var ck = document.getElementsByClassName("qx");
	for(var i=0; i<ck.length;i++)
	{
		ck[i].checked = qx;
	}
	
	
	}

jQuery方法:
$(document).ready(function(e) {
    $("#qx").click(function(){
		var a=$(".xz");
		var b=$(this)[0].checked;
		a.prop("checked",b);
		})
});	


ajax是js中封装的一个方法 使得js可以间接操作数据库
$.ajax({
			
			url:"ChuLi.php",//处理页面
			data:{u:uid}, //传递的数据,JSON数据
			type:"POST", //提交方式
			datatype:"TEXT", //返回数据的类型
			success:function(data){ //回调函数
					
					if(data=="OK")
					{

  

以上是关于全选复选框做法的主要内容,如果未能解决你的问题,请参考以下文章

js 判断 复选框全选全不选反选必选一个

jQuery 全选与不全选 Jquery each

vantui组复选框怎么触发全选

js 全选选框与取消全选代码

TreeView怎么实现复选框的全选和取消全选

js全选,反选,全不选