                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

checkone函数为什么用不起来？

<!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");

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

hobby[i].checked=true;

}

function clearall(){

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

// 任务2

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

hobby[i].checked=false;

}

function checkone(){

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

var str=j.split();

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

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

hobby[str.charAt(i)-1].checked=true;

}

</script>

</body>

</html>

YUNFONG_L

2015-03-01

源自：JavaScript进阶篇 9-4

关注问题我要回答

1583

操作

收起

1 回答

qq_尘埃_16
2016-01-02

首先，var j=parseInt(document.getElementById("wb").value);中用了parseInt将结果转成了number类型。不能用split 因为split是String才有的方法。

其次，把字符串周围空去掉用split(""); 而不是split();并且将结果存为数组的形式如：输入：23，结果：[2,3]

最后，按照你的思路改了下代码：输入23 结果第2和第3复选框被选种

  function checkone(){
        var str=document.getElementById("wb").value;
        var hobby = document.getElementsByName("hobby");
        for(var i=0;i<str.length;i++){
            hobby[str.charAt(i)-1].checked=true;
        }
    }