转到不同页面选择单选按钮

Question

首先，我为我的英语不好对不起。我要创建一个登录页面。此登录页面上将有2个单选按钮，用户名和密码部分。我知道该怎么做。

我想问你。有2种情况。

1-）选择1.单选按钮并单击提交按钮后，它将转到“ A”网页。

2-）选择2.radio按钮并单击Submit按钮后，将转到“ B”网页。

我该怎么做？抱歉，这有点复杂。而且我只知道html，css和javascript。

感谢您的回答

Answer 1

这应该为您工作。 ↓↓

function anyFunction(){
  let radio = document.querySelector("[name='radio']").value;
  if(radio == ""){
    alert('Please select any radio button');
  }else if(radio == "radio1"){
    //window.location.url = 'your-first-url-here';
    alert(radio);
  }else if(radio == "radio2"){
    //window.location.url = 'your-second-url-here';
    alert(radio);
  }
}

<form method="post">
<input type="text" name="name" placeholder="Enter name"><br>
<input type="password" name="password" placeholder="Enter password"><br>
<input type="radio" name="radio" value="radio1" checked>Radio1
<input type="radio" name="radio" value="radio2">Radio2<br>
<button type="button" onclick="return anyFunction()">Submit</button>
</form>