可正常运行，想看看不同方法的操作-慕课网

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

可正常运行，想看看不同方法的操作

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

Pikachu2016

2019-08-22 18:51

<!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++){

if(hobby[i].type=="checkbox"){

hobby[i].checked=true;

}

function clearall(){

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

// 任务2

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

if(hobby[j].type="checkbox"){

hobby[j].checked=false;

}

function checkone(){

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

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

// 任务3

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

if(j==(n+1)){

inpu[n].checked=true;

}else{

}

</script>

</body>

</html>

写回答关注

2回答

GlenOrchyGle: 2019-09-06 15:53:43

<script type="text/javascript">
  function checkall () {
    var hobby = document.getElementsByTagName('input')
    for (var i = 0; i < hobby.length; i++) {
      tagsName = hobby[i]
      if (tagsName.type == 'checkbox') {
        tagsName.checked = true
      }
    }
  }

  function clearall () {
    var hobby = document.getElementsByName('hobby')
    for (var i = 0; i < hobby.length; i++) {
      tagsName = hobby[i]
      if (tagsName.type == 'checkbox' && tagsName.checked == true) {
        tagsName.checked = false
      }
    }
  }

  function checkone () {
    var j = document.getElementById('wb').value
    if (0 < j <= 6) {
      tagId = 'hobby' + j
      var hobby = document.getElementById(tagId)
      hobby.checked = true
    }
  }
</script>

3 0

sdarks 回复GlenOr...

if (0 < j <= 6)里的0<j<=6你可以这么理解：先计算0<j，这时候会得出true和false，然后在计算true/false和6的大小。然而在这时候false是0，true是1，比较大小的结果确是一定是true。所以你不管输入什么，if语句里的代码都会执行…… 所以如果你在"if (0 < j <= 6)"下面"tagId = 'hobby' + j"插入一句"alert("不管输入什么我都能跳出来")"，你就会发现问题了。

2019-09-17 19:02:42

共 3 条回复 >

陪伴胜过千言万语

2019-08-25 21:32:00

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<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");
// 任务1
for (var i = 0; i <= hobby.length - 1; i++) {
if (hobby[i]['name'] == 'hobby') {
hobby[i].checked = true;
}
}
}
function clearall(){
var hobby = document.getElementsByName("hobby");
// 任务2
for (var i = 0; i <= hobby.length - 1; i++) {
hobby[i].checked = false;
}
}

function checkone(){
var j=document.getElementById("wb").value;
// 任务3
document.getElementById("hobby"+j).checked = true;
}
</script>
</body>
</html>

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题

可以正常运行

回答 2

参考。该网页不行，到chrome里可以正常运行。

回答 1

日期可以运行，总分部分运行不了，大神们帮忙看看

回答 5

求大神看看，运行不了

回答 3

关于while不明白的同学可以看看！

回答 3

打开慕课网App查看更多内容