Question

我在html中创建了两个单选按钮...

如果用户选择选项1，则应该转到fill.jsp页面

或

如果用户选择选项2，则应转到renew.jsp页面...

我怎样才能提供条件......

    <input type="radio" name="op1" value="option 1"/>option 1<br>

    <input type="radio" name="op1" value="option 2"/>option 2<br>

    <input type="submit" value="START" name="START" />

</center>

</body>

Answer 1

如果使用jQuery：

HTML

<input type="radio" name="op1" value="option 1"/>option 1<br>

<input type="radio" name="op1" value="option 2"/>option 2<br>

<input id="submit" type="submit" value="START" name="START" />

JS

$("#submit").on("click", function(){
    var radioSelected = $("input[name=op1]").val();
    if(radioSelected == "option 1"){
        window.location.href = "fill.jsp";
    }else if(radioSelected == "option 2"){
        window.location.href = "renew.jsp";
    }
});

Answer 2

    $('input[name=op1]').on('change',function(){
      if($(this).val() == 'option 1'){
        window.location.href = 'fill.jsp';
      }else{
         window.location.href = 'renew.jsp';
      }
    });

Answer 3

name =是你的组名，所以有了op1和opt2，每个只有一个无线电，两个选中都会给出发布的数据。使用简单的demo_form.asp“method =”get“来测试...

收到的意见如下： OP1 =选项+ 1和; OP2 =选项+ 2及START = START

将组名更改为同一组会产生一个选定的选项

<input type="radio" name="option_groupname" value="option 1">fill<br>
<input type="radio" name="option_groupname" value="option 2">renew<br>
<input type="submit" value="Submit">

选择选项1（填充）时

收到的意见如下： option_groupname =选项+ 1

然后选择选项2（续订）

收到的意见如下： option_groupname =选项+ 2

Answer 4

如果有两个以上的单选按钮，您可以使用以下内容（单选按钮的数量与您在下面显示的HTML中提供的相同。但我提供的Javascript将适用于任意数量的无线电按钮）：

<强> HTML

<form>
    <input type="radio" name="op1" value="fill.jsp"/>option 1<br/>
    <input type="radio" name="op1" value="renew.jsp"/>option 2<br/>
    <input type="button" value="START" name="START" onclick="jsubmit();" />
</form>

<强>的Javascript

function jsubmit(){
    var radio = document.getElementsByName('op1');
    for(i=0;i<radio.length;i++)
    {
        if(radio[i].checked){
        window.location.href = radio[i].value;
        }
    }
}

html中的单选按钮条件

4 个答案:

Demo using four radio buttons