Javascript中的checkbox和radio注意事项

来源:互联网 发布:sqlplus导入sql文件 编辑:程序博客网 时间:2024/06/07 21:05

在练习这两个控件的时候发现一个问题,看下面的例子

 

<!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" onclick="return rad_onclick(0)" /><br />

      LeBron james

      <input type="radio" name="lj" value="LeBron james" onclick="return rad_onclick(1)" /><br />

      LeBron James

      <input type="radio" name="lj" value="LeBron James" onclick="return rad_onclick(2)" /><br />

      leBron James

      <input type="radio" name="lj" value="leBron James" onclick="return rad_onclick(3)" /><br />

   <input type="button" name="answer" value="Answer" onclick=" return but_onclick()" />

</form>

</body>

</html>

注意高亮的部分,如果把这两个函数的名称改为rad(),去掉onclick,checkbox和radio控件就不能发挥作用

 

原创粉丝点击