当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 全选反选按钮简单例子

全选反选按钮简单例子

2017年12月21日  | 移动技术网IT编程  | 我要评论

在岸人民币,我本神探 紧急营救,负压风机参数

//全选按钮处理
$(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;
				}
			});
	 });
});

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网