这段html代码如何写几个checkbox都选中的js代码？
代码如下：<html><head><scripttype="text/javascript">functioncheck(){/*varx=document.getEle...
代码如下：
<html>
<head>
<script type="text/javascript">
function check()
{
/*var x=document.getElementsByTagName()*/
document.getElementById("myCheck").checked=true
}
function uncheck()
{
document.getElementById("myCheck").checked=false
}
</script>
</head>
<body>
<form>
<input type="checkbox" id="myCheck1" />
<input type="checkbox" id="myCheck2" />
<input type="checkbox" id="myCheck3" />
<input type="checkbox" id="myCheck4" />
<input type="button" onclick="check()" value="选定复选框" />
<input type="button" onclick="uncheck()" value="取消选定复选框" />
</form>
</body>
</html>
我遇到的问题是，首先我是要用循环将几个checkbox都遍历到，但是在循环的时候发现不能getElementsByTagName()这个参数不知道该怎么写，写“input”？但是后面的两个按钮也是input，难道我要用getElementById来一个一个的获取我的checkbox？这样也不好，万一以后我的checkbox太多且动态的时候，这个是没办法实现的。请高手指点。 展开
<html>
<head>
<script type="text/javascript">
function check()
{
/*var x=document.getElementsByTagName()*/
document.getElementById("myCheck").checked=true
}
function uncheck()
{
document.getElementById("myCheck").checked=false
}
</script>
</head>
<body>
<form>
<input type="checkbox" id="myCheck1" />
<input type="checkbox" id="myCheck2" />
<input type="checkbox" id="myCheck3" />
<input type="checkbox" id="myCheck4" />
<input type="button" onclick="check()" value="选定复选框" />
<input type="button" onclick="uncheck()" value="取消选定复选框" />
</form>
</body>
</html>
我遇到的问题是，首先我是要用循环将几个checkbox都遍历到，但是在循环的时候发现不能getElementsByTagName()这个参数不知道该怎么写，写“input”？但是后面的两个按钮也是input，难道我要用getElementById来一个一个的获取我的checkbox？这样也不好，万一以后我的checkbox太多且动态的时候，这个是没办法实现的。请高手指点。 展开
3个回答
展开全部
<html>
<head>
<script type="text/javascript">
function check()
{
var items=document.getElementsByTagName("input");
for(i=0;i<items.length;i++)
{
if(items[i].type=="checkbox")
items[i].checked=true;
}
}
function uncheck()
{
var items=document.getElementsByTagName("input");
for(i=0;i<items.length;i++)
{
if(items[i].type=="checkbox")
items[i].checked=false;
}
}
</script>
</head>
<body>
<form>
<input type="checkbox" id="myCheck1" />
<input type="checkbox" id="myCheck2" />
<input type="checkbox" id="myCheck3" />
<input type="checkbox" id="myCheck4" />
<input type="button" onclick="check()" value="选定复选框" />
<input type="button" onclick="uncheck()" value="取消选定复选框" />
</form>
</body>
</html>
试下。
<head>
<script type="text/javascript">
function check()
{
var items=document.getElementsByTagName("input");
for(i=0;i<items.length;i++)
{
if(items[i].type=="checkbox")
items[i].checked=true;
}
}
function uncheck()
{
var items=document.getElementsByTagName("input");
for(i=0;i<items.length;i++)
{
if(items[i].type=="checkbox")
items[i].checked=false;
}
}
</script>
</head>
<body>
<form>
<input type="checkbox" id="myCheck1" />
<input type="checkbox" id="myCheck2" />
<input type="checkbox" id="myCheck3" />
<input type="checkbox" id="myCheck4" />
<input type="button" onclick="check()" value="选定复选框" />
<input type="button" onclick="uncheck()" value="取消选定复选框" />
</form>
</body>
</html>
试下。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以在复选框的input中到定义一个name，在循环之前进行判断得到对象的name是否等于你定义的name。这样就会和后面的button按钮区分开来。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jQuery把
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
