在练习这两个控件的时候发现一个问题,看下面的例子
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script language=javascript type="text/javascript">
var choose = 0;
function rad_onclick(answer) {
choose = answer;
if (answer == 2)
alert("竟然答对了");
else
alert("这都不会,还选" + document.form1.lj[answer].value);
}
function but_onclick() {
if (choose == 2)
alert("竟然答对了");
else
alert("这都不会,还选" + document.form1.lj[choose].value);
}
</script>
</head>
<body>
<form name="form1">
勒布朗 詹姆士的英文全称是<br />
Lebrom james
<input type="radio" name="lj" value="Lebrom james" οnclick="return rad_onclick(0)" /><br />
LeBron james
<input type="radio" name="lj" value="LeBron james" οnclick="return rad_onclick(1)" /><br />
LeBron James
<input type="radio" name="lj" value="LeBron James" οnclick="return rad_onclick(2)" /><br />
leBron James
<input type="radio" name="lj" value="leBron James" οnclick="return rad_onclick(3)" /><br />
<input type="button" name="answer" value="Answer" οnclick=" return but_onclick()" />
</form>
</body>
</html>
注意高亮的部分,如果把这两个函数的名称改为rad(),去掉onclick,checkbox和radio控件就不能发挥作用