单选按钮监听器在HTML中

时间:2011-10-22 11:17:22

标签: html jsp

我有两个这样的单选按钮,

 <table name="">
     <tr><input type="radio" name="passwordissues" value="forgetpassword"/>Forget Password</tr>
     <tr><input type="radio" name="passwordissues" value="resetpassword"/>Change Password</tr>
 </table>

我可以把它放在一个表单中,但我不应该添加任何按钮来提交表单。

我的问题是,当我点击其中一个单选按钮时,它必须执行某些操作或必须显示某些内容。怎么能实现它..

1 个答案:

答案 0 :(得分:1)

你必须为调用form.submit().

的单选按钮编写JavaScript处理程序(事件函数)

样品:

<script type="text/javascript">
  window.onload=function(){
     var radios=document.getElementsByName("passwordissues");
     var form1=document.getElementById("form1");
     for(i=0;i<radios.length;i++){
        radios[i].onclick=function() { form1.submit(); };
      }
  };
</script>

<form method="post" action="action_here" id="form1">
 <input type="radio" 
        name="passwordissues" 
        value="forgetpassword"/>Forget Password
 <input type="radio" 
        name="passwordissues" 
        value="resetpassword"/>Change Password
</form>