任务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;

    }

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

    李大仁阿 回复李大仁阿

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

    2017-01-10 17:36:04

    共 3 条回复 >

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

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

  • 慕粉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;
                }    
           }

    乱码____... 回复慕丝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; 清除选择

    慕丝5359...

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

    2017-01-04 20:06:03

    共 1 条回复 >

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题