7.31拓展

最新推荐文章于 2018-07-31 22:41:30 发布

IsGrit

最新推荐文章于 2018-07-31 22:41:30 发布

阅读量174

点赞数

本文链接：https://blog.csdn.net/qq_42839752/article/details/81298056

版权

依旧是学习学长的代码，跟老师的代码。然后改正。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body
        <div>
            学生姓名<input type="text" id="stuname"/><br />
            密码:<input type="password" id="password"/><br/>
            性别:<input type="radio" name="gender" value="女"/>女<input type="radio" name="gender" value="男"/>男<input type="radio" name="gender" value="其他"/>其他<br/>
            专业:<select id="major">
                    <option>--请选择--</option>
                    <option value="01">计算机科学与技术</option>
                    <option value="02">通信工程</option>
            </select><br/>
            爱好：<input type="checkbox" name="hobby" value="01" />篮球<input type="checkbox" name="hobby" value="02" />足球<input type="checkbox" name="hobby" value="03" />羽毛球<br/>
            <button onclick="showinfo();">显示信息</button>
        </div>


        <script type="text/javascript">

        function showinfo(){
            var stuname=document.getElementById("stuname").value;
            var passwd=document.getElementById("password").value;
            var genderinput=document.getElementsByName("gender");
            var gender ="";
            for(var i=0;i<genderinput.length;i++)
            {
                //genderinput[i].checker 表示当前组件是否被选中
                if(genderinput[i].checked==true){
                var gender=genderinput[i].value;
                break;
                }
            }
            var major=document.getElementById("major").value;
            var hobbyinput=document.getElementsByName("hobby");
            var hobby="";

            for(var i=0;i<hobbyinput.length;i++){
                if(hobbyinput[i].checked){
                    if(hobby!=""){
                        hobby=hobby+","+hobbyinput[i].value;
                    }else{
                        hobby=hobbyinput[i].value;
                    }
                }

            }
            document.write("姓名："+stuname+ "<br/>密码："+passwd+ "<br/>性别："+gender +"<br/>专业："+major+"<br/>爱好："+hobby);

            //var stuname=document.getElementById("stuname");
            //var stuname=stuname.value;


        }
        </script>
    </body>
</html>

IsGrit

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
7.31拓展

依旧是学习学长的代码，跟老师的代码。然后改正。&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body
复制链接

扫一扫