按钮的onClick事件不生效，点击没反应

zhcnyuyang 2020-03-21 03:00:40

我用html+JavaScript写了一个页面，页面内容html代码如下：

<form name="form1" method="post" action=""><table width="100%" border="0" cellspacing="0" cellpadding="0">

  <caption>

    欢迎登录!

  </caption>

  <tr>

    <th align="right" scope="col" width="50%">用户名:</th>

    <th align="left" scope="col"><label for="username"></label>

      <input type="text" name="username" id="username"></th>

  </tr>

  <tr>

    <td align="right">密码：</td>

    <td><label for="password"></label>

      <input type="password" name="password" id="password"></td>

  </tr>

  <tr>

    <td align="right">登录为：</td>

    <td><p>

      <label>

        <input type="radio" name="loginas" value="学生" id="assstudent" checked>

        学生</label>

      <label>

        <input type="radio" name="loginas" value="教师" id="asteacher">

        教师

      </label>

      <br>

    </p></td>

  </tr>

  <tr>

    <td align="right">登录保存时间：</td>

    <td><p>

        <label>

          <input type="radio" name="logintime" value="aday" id="RadioGroup1_0" checked>

          一天</label>

        <label>

          <input type="radio" name="logintime" value="aweek" id="RadioGroup1_1">

          一周</label>

        <label>

          <input type="radio" name="logintime" value="amonth" id="RadioGroup1_2">

          一个月</label>

        <label>

          <input type="radio" name="logintime" value="halfyear" id="RadioGroup1_3">

          半年</label>

        <label>

          <input type="radio" name="logintime" value="ayear" id="RadioGroup1_4">

          一年</label>

      </p></td>

  </tr>

  <tr>

    <td> </td>

    <td><input type="button" name="clear" id="cl" value="清除"  onClick="clear()" />      <input type="submit" name="submitting" id="sub" value="提交" /></td>

  </tr>

</table>

    </form>

页面JavaScript脚本如下：

<script type="text/javascript">

	function clear(){

		document.form1.username.value="";

		document.form1.password.vlaue="";

		document.form1.loginas[0].checked=false;

		document.form1.loginas[1].checked=false;

		document.form1.logintime[0].checked=true;

		//document.form1.logintime[1].checked=false;

		//document.form1.logintime[2].checked=false;

		//document.form1.logintime[3].checked=false;

		//document.form1.logintime[4].checked=false;

	}

</script>

我想要实现的功能是：点击“清除”按钮后，触发clear()函数，表单里输入的文本清零，两个单选按钮组一个清零，一个恢复默认值。然而现在按下“清除”按钮后什么反应都没有，求解答。

...全文