单选按钮
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>检查Radio的值</title>
</head>
<body bgcolor="#BBFFFF">
<p><font color="#0000FF">检查Radio的值 </font> </p>
<p><input type="button" name="B1" value="检查" onClick="check_answer();"></p>
<p><font color="#0000FF">您的选择是：</font><input type="text" name="T1" size="10"></p>
<hr>
<form name="f_radio" method="post">
<p>请选择您最喜欢的运动项目:</p>
<p><input type="radio" name="R1" value="羽球" checked>羽球</p>
<p><input type="radio" name="R1" value="篮球">篮球</p>
<p><input type="radio" name="R1" value="网球">网球</p>
<p><input type="radio" name="R1" value="桌球">桌球</p>
</form>
<script language="javascript">
function check_answer(){
for(var i=0;i<document.f_radio.R1.length;i++){ //检查每一个radio的状态
if(document.f_radio.R1[i].checked==true){
document.all.T1.value=document.f_radio.R1[i].value; //设定T1的值等於radio的选择内容
break;
}
}
}
</script>
</body>
</html>
多选按钮
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>显示checkbox的内容</title>
</head>
<body bgcolor="#BBFFFF">
<p><font color="#0000FF">检查checkbox的内容 </font> </p>
<p><input type="button" name="B1" value="检查" onClick="check_answer();"></p>
<form name="f_checkbox" method="post">
<p>请选中您喜欢的运动项目:</p>
<p>
<input type="checkbox" name="C1" value="桌球">桌球
<input type="checkbox" name="C2" value="羽毛球">羽毛球
<input type="checkbox" name="C3" value="排球">排球
<input type="checkbox" name="C4" value="篮球">篮球
<input type="checkbox" name="C5" value="网球">网球 </p>
<p>下面是您的选择： </p>
<p><input size="20" name="T1"></p>
</form>
<script language="javascript">
function check_answer(){
var str1="",obj;
for(var i=1;i<6;i++){ //检查每一个checkbox的状态
obj=eval("document.f_checkbox.C"+i);
if(obj.checked==true){
str1=str1+" "+obj.value;
}
}
document.f_checkbox.T1.value=str1; //设定T1的值
}
</script>
</body>
</html>
