我这个输入2为什么也会出现他弹窗？
来源：9-4 区别getElementByID,getElementsByName,getElementsByTagName
我要学习js
2016-04-05 19:14
帮忙看看
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<form>
请选择你爱好:<br>
<input type="checkbox" name="hobby" id="hobby1"> 音乐
<input type="checkbox" name="hobby" id="hobby2"> 登山
<input type="checkbox" name="hobby" id="hobby3"> 游泳
<input type="checkbox" name="hobby" id="hobby4"> 阅读
<input type="checkbox" name="hobby" id="hobby5"> 打球
<input type="checkbox" name="hobby" id="hobby6"> 跑步 <br>
<input type="button" value = "全选" onclick = "checkall();">
<input type="button" value = "全不选" onclick = "clearall();">
<p>请输入您要选择爱好的序号，序号为1-6:</p>
<input id="wb" name="wb" type="text" >
<input name="ok" type="button" value="确定" onclick = "checkone();">
</form>
<script type="text/javascript">
function checkall(){
var hobby = document.getElementsByTagName("input");
for(var i=0;i<hobby.length;i++){
hobby[i].checked=true;
}
// 任务1
}
function clearall(){
var hobby = document.getElementsByName("hobby");
for(var i=0;i<hobby.length;i++){
hobby[i].checked=false;
}
// 任务2
}
function checkone(){
var j=document.getElementById("wb").value;
var hobby = document.getElementsByName("hobby");
for(var k=0;k<hobby.length;k++){
if(k==j-1){
hobby[k].checked=true;
}else{
alert("请输入1-6的数");
}
break;
}
// 任务3
}
</script>
</body>
</html>
写回答
关注
1回答
-
- Qqqqqqqqr
- 2016-04-05 20:50:25
问题出在最后一个函数checkone里的for循环中，
if(k==j-1){
hobby[k].checked=true;
}else{
alert("请输入1-6的数");
}
你可以想想当输入j=5，循环开始时k=0这时if(k==j-1)中 0!=4执行else中的alert当然会弹出窗口啦，建议修改如下：
function checkone(){
var j=document.getElementById("wb").value;
var hobby = document.getElementsByName("hobby");
if(j<=hobby.length)
{
hobby[j-1].checked=true;
}
else
{
alert("another number");
}
}
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
468061 学习 · 21891 问题
相似问题
为什么结果会输出两次 弹窗也是？
回答 3
为什么会出现大量弹窗啊
回答 13
为什么弹出的窗口不是我输入的URL？
回答 2
为什么这个会无限弹窗。。
回答 4
为什么这个alert窗口会弹出来两次
回答 3