JSP表单按钮如何实现全选功能
1个回答
展开全部
你好。我想这个问题用JavaScript代码就可以实现。代码如下：<html>
<head>
<title>练习</title>
<script language="javascript">
function myChoose()
{
var love=document.getElementsByName("love");
var btn=document.getElementById("btn");
if(btn.innerHTML=="全选")
{
btn.innerHTML="全不选";
for(var i=0;i<love.length;i++)
{
love[i].checked=true;
}
}
else
{
btn.innerHTML="全选";
for(var i=0;i<love.length;i++)
{
love[i].checked=false;
}
}
}
</script>
</head>
<body>
<form>
<input type="checkbox" name="love" value="体育" />体育
<input type="checkbox" name="love" value="音乐" />音乐
<input type="checkbox" name="love" value="编程" />编程
</form>
<button onclick="myChoose()" id="btn">全选</button>
</body>
</html>
<head>
<title>练习</title>
<script language="javascript">
function myChoose()
{
var love=document.getElementsByName("love");
var btn=document.getElementById("btn");
if(btn.innerHTML=="全选")
{
btn.innerHTML="全不选";
for(var i=0;i<love.length;i++)
{
love[i].checked=true;
}
}
else
{
btn.innerHTML="全选";
for(var i=0;i<love.length;i++)
{
love[i].checked=false;
}
}
}
</script>
</head>
<body>
<form>
<input type="checkbox" name="love" value="体育" />体育
<input type="checkbox" name="love" value="音乐" />音乐
<input type="checkbox" name="love" value="编程" />编程
</form>
<button onclick="myChoose()" id="btn">全选</button>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
