当前位置: 代码迷 >> Web前端 >> 全选反选旋钮简单例子
  详细解决方案

全选反选旋钮简单例子

热度:89   发布时间:2013-10-19 20:58:22.0
全选反选按钮简单例子
//全选按钮处理
$(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;
				}
			});
	 });
});

  相关解决方案