显示部分:
document.write("您的姓名:"+name+" <br >");
document.write("您具有:"+document.register.edu[i].value+"学历");
不能显示第二个学历部分。
但是如果把第二个加到第一个上:
document.write("您的姓名:"+name+" <br >"+"您具有:"+document.register.edu[i].value+"学历");
这样就能完成显示。为什么呢??
document.write("您的姓名:"+name+" <br >");
document.write("您具有:"+document.register.edu[i].value+"学历");
不能显示第二个学历部分。
但是如果把第二个加到第一个上:
document.write("您的姓名:"+name+" <br >"+"您具有:"+document.register.edu[i].value+"学历");
这样就能完成显示。为什么呢??
试试看下面的
if (document.register.edu[i].checked)
{
document.write("您的姓名:"+name+" <br >");
document.write("您具有:"+document.register.edu[i].value+"学历");
break;
}
改成
if (document.register.edu[i].checked)
{
var str=document.register.edu[i].value;
document.write("您的姓名:"+name+" <br >");
document.write("您具有:"+str+"学历");
return true;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档 </title>
<script language="JavaScript">
function check()
{
var name=document.register.user.value;
var strHTML="";
if (name!="") {
for (var i=0;i <document.register.edu.length;i++) {
if (document.register.edu[i].checked) {
strHTML+="您的姓名:"+name+" <br>";
strHTML+="您具有:"+document.register.edu[i].value+"学历";
document.write(strHTML);
break;
}
}
if (i==document.register.edu.length)
alert("必须选取学历");
}
else {
alert("姓名不能为空!");
}
}
</script>
</head> <body>
<form name="register">
<h2>简单信息 </h2>
姓名 <font color="#FF0000">* </font> <input type="text" name="user"> <br>
学历 <input type="radio" name="edu" value="大专">大专
<input type="radio" name="edu" value="学士">理学学士
<input type="radio" name="edu" value="硕士">理学硕士 <br>
<input type="button" name="disp" value="显示" onClick="check()">
</form>
</body>
</html>