点击不同单选按钮提交不同表单

最新推荐文章于 2021-06-04 05:47:57 发布

最新推荐文章于 2021-06-04 05:47:57 发布 · 525 阅读

文章标签：

#Java

个人随笔专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种通过JavaScript控制表单提交目标URL的方法。利用单选按钮的onclick事件，可以动态改变表单提交地址，实现不同选项触发提交到不同页面的效果。



<form> 
<input type="radio" onclick="javascript:this.form.action='a.asp';this.form.submit()"> 
<input type="radio" onclick="javascript:this.form.action='b.asp';this.form.submit()" 
</form> 

解释一下 ：这里的意思是 onclick 点击的时候 this.form 表示这个form action="" 就是设定提交的网址 submit() 表示提交表单 

+---------------- 补充 -----------------------+ 
<form> 
<input type="radio" onclick="javascript:this.form.action='a.asp'"> 
<input type="radio" onclick="javascript:this.form.action='b.asp'"> 
<input type="radio" onclick="javascript:this.form.action='c.asp'"> 
<input type="radio" onclick="javascript:this.form.action='d.asp'"> 
<input type="submit" value="提交表单"> 
</form>