Javascript 窗体操作以切换函数?

Javascript 窗体操作以切换函数?,javascript,html,forms,Javascript,Html,Forms,什么都不管用。我想我需要一些动作标签,但我只能找到链接到其他网站/页面的示例,这不是我想要的。使用表单切换函数是否可行 谢谢 你走对了方向: document.getElementById(“开始”).addEventListener(“单击”),函数(e){ e、 预防默认值(); log('start!!'); const selected=document.querySelector('input[name=“gender”]:checked'); log('youselected:'+

什么都不管用。我想我需要一些动作标签,但我只能找到链接到其他网站/页面的示例,这不是我想要的。使用表单切换函数是否可行


谢谢

你走对了方向:

document.getElementById(“开始”).addEventListener(“单击”),函数(e){
e、 预防默认值();
log('start!!');
const selected=document.querySelector('input[name=“gender”]:checked');
log('youselected:'+(selected?selected.nextSibling.textContent:'null');
//你的代码在这里
});

男性
女性


您可以使用
onsubmit
表单
标签上定义提交功能,如果您在同一页面上有多个
表单
标签,此解决方案也是准确的

函数提交表单(表单、事件){
event.preventDefault();
var-val;
var-radios=form.elements['gender'];
//循环浏览单选按钮列表
对于(变量i=0,len=radios.length;i

男性
女性


之所以将操作值视为位置,是因为表单需要它知道在触发提交事件时将数据发送到何处。是的,有一种非常简单的切换函数的方法,它是根据条件:
if/else
。定义您的函数,然后使用
if/else
调用函数,使用input type=button代替submit阅读您的答案,并作为一个附带问题:为什么OP需要“submit”按钮?他可以使用input type=按钮,然后再次单击他的函数。没错,不需要
[type=“submit”]
。(虽然使用
addEventListener
比单击
onclick
更好)我同意。这只是为了说明这个概念。
<form action="" method="get" >
    <input type="radio" name="gender" id="male_sub">male<br>
    <input type="radio" name="gender" id="female_sub">female<br>
    <input type="submit" value="Let's Start!" id="start"><br>
<form>
document.getElementById("start").addEventListener('click',function ()...