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

全选反选按钮简单例子

程序员文章站 2022-05-21 11:18:05
//全选按钮处理 $(function(){ //点击全选 $("#checkAll").click(function () {//当点击全选框时...
//全选按钮处理
$(function(){
	//点击全选
	$("#checkAll").click(function () {//当点击全选框时 
			var flag = $("#checkAll").is(":checked");//判断全选按钮的状态 
			var checkItems=document.getElementsByName("checkItem");
			for(var i=0;i<checkItems.length;i++){
				checkItems[i].checked = flag;
			}
	});
	//点击子项
	 $("input:checkbox[name='checkItem']").each(function(){
			$(this).click(function(){
				if($("input:checkbox[name='checkItem']:checked").length==$("input:checkbox[name='checkItem']").length){
					document.getElementById("checkAll").checked = true;
				}else{
					document.getElementById("checkAll").checked = false;
				}
			});
	 });
});