js如何利用button按钮来隐藏和显示多个复选框
3个回答
展开全部
<script>
function T(v){
var arr = [];
for(var i=0;i<fm.ck.length;i++){
if(fm.ck[i].checked){
arr.push(fm.ck[i]);
}
}
for(var i=0;i<arr.length;i++){
arr[i].style.display=v;
}
}
</script>
<form id="fm">
<input type="checkbox" name="ck" value="0" />
<input type="checkbox" name="ck" value="1" />
<input type="checkbox" name="ck" value="2" />
<input type="checkbox" name="ck" value="3" />
<input type="checkbox" name="ck" value="4" />
<input type="button" value="hide" onclick="T('none')" />
<input type="button" value="show" onclick="T('')"/>
</form>
追问
没效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
Js 没弄过,不过你说的是按钮事件,单击隐藏,双击显示,随便一说
更多追问追答
追问
单项的,我知道,但是多个就不行
追答
多选框应该都一样吧,把多选框1---9。显示=真,放在按钮事件下,这是易语言做法,你那个应该差不多
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
添加事件即可
追问
能否贴出代码
追答
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>JS</title>
<STYLE>
</STYLE>
<script type="text/javascript">
function toggle ()
{
var cks = document.getElementsByName ('ck');
for ( var i = 0; i < cks.length; i++)
{
if (!cks[i].style.display || cks[i].style.display == 'inline')
{
cks[i].style.display = 'none';
}
else
{
cks[i].style.display = 'inline';
}
}
}
</script>
</head>
<body>
<input type="checkbox" name="ck" value="0" />
<input type="checkbox" name="ck" value="1" />
<input type="checkbox" name="ck" value="2" />
<input type="checkbox" name="ck" value="3" />
<input type="checkbox" name="ck" value="4" />
<input type="button" value="test" onclick="toggle();" />
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询