大二下学期学习进度（十）

编程时间：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='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>