大二下学期学习进度(十)

六眼飞鱼酱① 提交于 2020-02-17 02:12:13

编程时间:18小时左右

代码行数:约1500行

博客园发表量:4篇

所学知识点:

1)

js判断单/复选按钮是否选中<!DOCTYPE html>
<html lang="en">
<head>
       <meta charset="UTF-8">
       <title>信息输入页面</title>
</head>
<body>
<form action='b.jsp' method='post' onsubmit='return check();'>
<fieldset>
<legend>请输入您的个人基本信息</legend>
    姓名: <input type="text" name="name" id='name'/><br/>
    性别:<input type="radio" name="sex"  value="male">男<br>
      <input type="radio" name="sex"  value="female">女<br>
    兴趣: <input type="checkbox" name="hobby"  value="打篮球"/>打篮球<br/>
    <input type="checkbox" name="hobby"  value="唱歌"/>唱歌<br/>
    <input type="checkbox" name="hobby"  value="读书"/>读书<br/>
    <input type="checkbox" name="hobby"  value="其它"/>其它<br/>
  <input type="submit" value='提交' style='width:120px;border-radius:5px;' ><br/>
</fieldset>
</form>      
</body>
<script>
       function check()
       {
             var name=document.getElementById("name");
             var sex=document.getElementsByName("sex");
             var hobbys=document.getElementsByName("hobby");
             if(name.value=='')
             {
                    alert("姓名不能为空");
                    name.focus();
                    return false;
             }
             for(var i=0;i<sex.length;i++){
                    var flag=false;
                    var sex=sex[i];
                    if(sex.checked==true)
                    {
                           flag=true;
                           break;
                    }
             }
                    if(flag==false){
                    alert("性别不能为空");
                    return false;
                    }
             for(var i=0;i<hobbys.length;i++){
                    var flag2=false;
                    var hobby=hobbys[i];
                    if(hobby.checked==true)
                    {
                           flag2=true;
                           break;
                    }
             }
                    if(flag2==false){
                    alert("请最少选择一项兴趣爱好");
                    return false;
                    }
             
       }
</script>
</html>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!