用脚本语言javascript实现checkbox全选的功能

<scripttype="text/javascript">functionquanxuan(){//这里面的代码该怎么写}</script><body><div><in... <script type="text/javascript">
function quanxuan() {
//这里面的代码该怎么写
}
</script>

<body>
<div>
<input id="Checkbox1" type="checkbox" name="nv" value="中文"/>
<input id="Checkbox2" type="checkbox" name="nv" value="中文"/>
<input id="Checkbox3" type="checkbox" name="nv" value="中文"/>
<input id="Checkbox4" type="checkbox" name="nv" value="中文"/>
<input id="Checkbox5" type="checkbox" name="nv" value="全选" onclick="quanxuan()"/>
</div>

</body> 展开

 我来答

4个回答

#热议# 不吃早饭真的会得胆结石吗？

百度网友2571d37bb
推荐于2017-09-17 · 知道合伙人软件行家

百度网友2571d37bb
知道合伙人软件行家

采纳数：1971 获赞数：7905

前端工程师

向TA提问私信TA

关注

展开全部

简单的实现：

<script>
window.onload=function (){
	var oBtn1=document.getElementById('btn1');
	var oUl=document.getElementById('ul1');
	var aChk=oUl.getElementsByTagName('input');
	
	oBtn1.onclick=function (){
		if(this.checked){
			for (var i=0; i<aChk.length; i++)
			{
				aChk[i].checked=true;
			}
		}else{
			for (var i=0; i<aChk.length; i++)
			{
				aChk[i].checked=false;
			}
		}
	};
};
</script>
</head>

<body>
	<input type="checkbox" id="btn1" />
	
	<ul id="ul1">
		<li><input type="checkbox" /></li>
		<li><input type="checkbox" /></li>
		<li><input type="checkbox" /></li>
		<li><input type="checkbox" /></li>
		<li><input type="checkbox" /></li>
	</ul>
</body>

主要思路就是当checkbox选中时，让设置其他的checkbox的checked状态为true。当总checkbox没有被选中时，让其他的checkbox的checked状态为false；

已赞过 已踩过<

评论收起

匿名用户
2014-01-10

展开全部

if ($(this).val("checked") == true) {// 全选
$("input[name='nv']:lt(4)").each(function() {
$(this).attr("checked", true);
});
平时用jq,你可以转成原生js

已赞过 已踩过<

评论收起

xiaopapa001
2014-01-10

知道答主

回答量：8

采纳率：0%

帮助的人：1.1万

我也去答题访问个人页

关注

展开全部

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function CheckSelAll(Myform)
{
for(var i=0;i<Myform.elements.length;i++)
{
var e = Myform.elements[i];
if(e.name!='SelAll')
{
e.checked=Myform.SelAll.checked;
}
}
}
</script>

<form name='Myform' method='post' action='DelAll.php'>
<table width="270" border="0" align='center' cellpadding="1" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td colspan="6" bgcolor="#CCCCCC"></td>
</tr>
<tr>
<td align="center" bgcolor="#006600"><font color="red" face="Webdings">4</font></td>
<td align="center" bgcolor="#006600"><FONT SIZE="" COLOR="white">编号</FONT></td>
<td align="center" bgcolor="#006600"><FONT SIZE="" COLOR="white">姓名</FONT></td>
<td align="center" bgcolor="#006600"><FONT SIZE="" COLOR="white">性别</FONT></td>
<td align="center" bgcolor="#006600"><FONT SIZE="" COLOR="white">爱好</FONT></td>
</tr>

<tr>
<td align="center" height="20" colspan="5" bgcolor="#CCCCCC"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right"><label> <span class="STYLE1">全选</span>
<input name="SelAll" type="checkbox" id="SelAll" value="checkbox" onclick='CheckSelAll(this.form)'/>
</label></td></tr></table></td></tr></table>
</form>
</body>
</html>

追问

这个有全选的功能么，可以给你的截图看看么，我把它弄成html网页浏览没有这样的效果啊

追答

已赞过 已踩过<

评论收起

yingbenyang
推荐于2017-10-14 · TA获得超过129个赞

知道小有建树答主

回答量：190

采纳率：33%

帮助的人：73.8万

我也去答题访问个人页

关注

展开全部

//这里面的代码该怎么写
			  var nvs=document.getElementsByName("nv");
			//  alert(nvs.length);
			  for(var i=0;i<nvs.length;i++){
				nvs[i].checked=true;
			  }
相信对你有帮助

本回答被提问者采纳

已赞过已踩过<

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

更多回答（2）

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

用脚本语言javascript实现checkbox全选的功能

其他类似问题

为你推荐：