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

复选框的用法

<!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

}

function clearall(){

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

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

hobby[i].checked=true;

// 任务2

}

function checkone(){

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

// 任务3

}

</script>

</body>

</html>

ChrisKyle

2017-03-14

源自：JavaScript进阶篇 9-4

关注问题我要回答

492

操作

收起

1 回答

吱吱叫的老鼠
2017-03-15

function checkall(){
            var hobby = document.getElementsByTagName("input");
         
                 for(var i=0;i<hobby.length;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;i++){
                     if(hobby[i].name=="hobby")
                     hobby[i].checked=false;
                 }
        }
        
        function checkone(){
            clearall();
            var j=parseInt(document.getElementById("wb").value);
            if (j>1 && j<7) {
            var hobby = document.getElementById("hobby"+j);
            hobby.checked = true;    
            }
            else
                alert("你的输入有误");
            document.getElementById("wb").value=null;
        }