课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

任务3怎么清除之前的选择的复选框

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

慕丝5359371

2017-01-04 11:33

        //任务3 switch写法

        function checkone(){

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

            switch(j){

                case 1:

                    document.getElementById('hobby1').checked=true;

                    break;

                case 2:

                    document.getElementById('hobby2').checked=true;

                    break;

                case 3:

                    document.getElementById('hobby3').checked=true;

                    break;

                case 4:

                    document.getElementById('hobby4').checked=true;

                    break;

                case 5:

                    document.getElementById('hobby5').checked=true;

                    break;

                case 6:

                    document.getElementById('hobby6').checked=true;

                    break;

                default:

                alert('请重新输入')

            }

         //任务3 第二种写法

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

            if(parseInt(j)>6||parseInt(j)<1)

            {

                alert("请输入1-6之间的数字");

            }

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

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

        }

请问如何清楚之前选中的按钮

能清除的话switch和第二种的写法一样吗


写回答 关注

4回答

  • 李大仁阿
    2017-01-10 10:00:01
    已采纳

    借鉴别人的代码。。。

    for(var i=1;i<=6||i!=j;i++){

    document.getElementById("hobby"+i).checked=false;

    }

    //在后面加上这段代码可以实现

    3 0

    李大仁阿 回复李大仁阿

    这段代码的意思就是 把所有的复选框都清除，但是你选中的不会清除。因为i不能等于j， 够通俗了吧

    2017-01-10 17:36:04

    共 3 条回复 >

  • 李大仁阿
    2017-01-09 21:49:44

    同问。知道了请告诉一下。。。。谢谢

    0 0
  • 慕粉2118219580
    2017-01-07 11:57:05

    function clearall(){
                var hobby = document.getElementsByName("hobby");
                for(var i=0;i<hobby.length;i++){
                    hobby[i].checked=false;
                }    
           }

    2 0

    乱码____... 回复慕丝5359...

    你说的不就是单选框的功能么，问题是这个题目是多选框。所以你只能按全部清除再选择第三个。毕竟电脑可不会知道你什么时候想把前面的选项清除，只能你自己手动。就算你通过代码实现你说的，但是多选框就变成了任何时候选第三个的时候都清除之前选择.

    2017-01-13 09:00:57

    共 2 条回复 >

  • vinvidlo
    2017-01-04 16:54:45

     document.getElementById('hobby1').checked=true; 选择

    document.getElementById('hobby1').checked=false; 清除选择

    1 0

    慕丝5359...

    这。。和没说一样-。- 不过还是感谢你的回答

    2017-01-04 20:06:03

    共 1 条回复 >

JavaScript进阶篇

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

468195 学习 · 21891 问题

查看课程

相似问题

任务3选择爱好

回答 2

任务1中的复选框如何验证？

回答 3

全选复选框

回答 3

这节第三个任务中，如何做到“点击确定后，只清空一次之前的选择”？

回答 2

复选框的用法

回答 1

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