大神们看看哪里不对运行不了调用不了函数-慕课网

首页课程实战体系课手记专栏慕课教程

大神们看看哪里不对运行不了调用不了函数

来源：9-4 区别getElementByID,getElementsByName,getElementsByTagName

qq_小眼睛大狐狸_03847146

2016-09-05 11:44

<!DOCTYPE HTML>

<html>

<head>

<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"> 打球

<p>请输入您要选择爱好的序号，序号为1-6:</p>

</form>

function checkall(){

var hobby = document.getElementsByTagName("input");

// 任务1

for(var i=0;i<hobby.length;i++)

hobby[i].checked = true ;

}

function clearall(){

var hobby = document.getElementsByName("hobby");

for(var i=0;i<hobby.length;i++)

hobby[i].checked = false ;

}

// 任务2

}

function checkone(){

clearall();

var hobby = document.getElementsByName("hobby");

var j=document.getElementById("wb").value;

for(var i=0;i<j.length;i++){

if(j.charAt(i)>6 || j.charAt(i)<1){

alert("越界,请重新输入！");

document.getElementById("wb").value="";

}

for(var n=0;n<j.length;n++){

hobby[(j.charAt(n))-1].checked=true;

}

// 任务3

}

</script>

</body>

</html>

写回答关注

2回答

慕用5675268

2016-09-05 12:48:22

已采纳

格式不规范，function checkall() { }; for (......){........}; 方括号要对应，然后，方括号里面的是函数，把你的全选和全不选那块的代码仔细检查一下，问题就解决了。

1 0

qq_小眼睛...

谢了手一哆嗦删除忘记加了

2016-09-05 13:46:08

共 1 条回复 >
勿忘心0

2016-09-05 13:38:18

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<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");
// 任务1
for(var i=0;i<hobby.length;i++)
{
hobby[i].checked = true ;
}
}
function clearall(){
var hobby = document.getElementsByName("hobby");
for(var i=0;i<hobby.length;i++)
{
hobby[i].checked = false ;
}
// 任务2

}

function checkone(){
clearall();
var hobby = document.getElementsByName("hobby");
var j=document.getElementById("wb").value;
for(var i=0;i<j.length;i++){
if(j.charAt(i)>6 || j.charAt(i)<1){
alert("越界,请重新输入！");
document.getElementById("wb").value="";
}
}
for(var n=0;n<j.length;n++){

hobby[(j.charAt(n))-1].checked=true;
}



// 任务3

}

</script>
</body>
</html>
主要是少了2个花括号， function checkall()和function clearall()函数 for循环只有结束的花括号开始的地方没有花括号

0 0