为了账号安全,请及时绑定邮箱和手机立即绑定

最简洁的代码,可以参考一下!

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

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

                if(hobby[i].name == "hobby"){

                    hobby[i].checked = false;

                }

           }

        }

        function checkone(){

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

            var hobby = document.getElementById("hobby" + j);

            if(hobby){

                hobby.checked = true;

            }else{

                alert("没有改选项");

            }

        }


正在回答

2 回答

最后一个checkone功能没写好,多选功能没有👍

0 回复 有任何疑惑可以回复我~

给大家讲解一下
1.getElementsByTagName("input");

这个会拿到所有是input标签,我们只需要标签name是"hobby"的,所以循环的时候要判断name是否等于"hobby"

if(hobby[i].name == "hobby") 如果等于就通过 hobby[i].checked = true; 选中

2.getElementsByName("hobby"); 与上边同理

3.getElementById("hobby" + j); 这段话是基于题目硬性要求所写的,1-6选中,对应name的值

if(hobby) 这个判断是 判断当前元素是否为空,打比方,你写个7,咱肯定获取不到元素,因为复选框只有6个,如果元素不等于空则证明存在,存在就选中。这个判断和上边getElementById("hobby" + j)配合特别好


5 回复 有任何疑惑可以回复我~
#1

云备胎

题目还要求判断是否是复选项吧?
2020-05-13 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468043    人
  • 解答问题       21891    个

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

进入课程

最简洁的代码,可以参考一下!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信