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