怎样用input type="checkbox"来控制CheckBoxList的全选和反选

 我来答

1个回答

#热议# 上班途中天气原因受伤算工伤吗？

燕秋莲0Gx
2012-01-16 · TA获得超过1062个赞

知道答主

回答量：41

采纳率：42%

帮助的人：13.3万

我也去答题访问个人页

关注

展开全部

这个要用到jquery了 我把php和html编码发给你  jquery.js这个文件你自己下载啊、
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"><!--

function getCheckedNum(){
	var count = 0;
	$(":checkbox[name=pro\\[\\]]").each(function(){
		if($(this).attr("checked")){
			count++;
		}
	});
	return count;
}

function changeButtonStatus(){
	/*
	if(getCheckedNum()){
		$(":button").attr("disabled",false);
	} else {
		$(":button").attr("disabled",true);
	}*/
	$(":button").attr("disabled",!getCheckedNum());	
	
}

$(function(){
	$("#ctlbox").click(function(){		
		$(":checkbox[name=pro\\[\\]]").attr("checked",$(this).attr("checked"));
		changeButtonStatus();
	});
	$(":checkbox[name=pro\\[\\]]").click(function(){
		/*
		if($(":checkbox[name=pro\\[\\]]").length == getCheckedNum()){
			$("#ctlbox").attr("checked",true);
		} else {
			$("#ctlbox").attr("checked",false);
		}*/
		$("#ctlbox").attr("checked",$(":checkbox[name=pro\\[\\]]").length == getCheckedNum());
		changeButtonStatus();
	});
})
</script>
</head>
<body>
<form action="a.php" method="post" name="form1">
<table width="100%" cellpadding="10" cellspacing="0" border="1">
<tr>
<td width="30"><input type="checkbox" name="ctlbox" id="ctlbox"/></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="checkbox" name="pro[]"/></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="checkbox" name="pro[]"/></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="checkbox" name="pro[]"/></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="checkbox" name="pro[]"/></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="checkbox" name="pro[]"/></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="checkbox" name="pro[]"/></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="4">
<button type="submit" name="submit" id="submit" disabled="disabled">确认</button> 
<button type="reset"  name="reset" id="reset" disabled="disabled">取消</button> 
<button type="button" name="button" id="button" disabled="disabled">自定义</button> 
</td>
</tr>
</table>
</form>
</body>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

怎样用input type="checkbox"来控制CheckBoxList的全选和反选

其他类似问题

为你推荐：