Question

我想为单选按钮创建条件。

当单选按钮选择是，然后他会转到另一页。

当单选按钮选择否时，则会转到另一页

可以帮到我吗？这是我的代码

 <label class="control-label center" for="">are you sure to exit?</label>
<div class="column-chekbox-down center">
    <label class="radio inline">
      <input type="radio" name="kmb" id="" value="Yes">
      Yes
    </label>
    <label class="radio inline">
      <input type="radio" name="kmb" id="" value="No">
      No
    </label>
</div>

Answer 1

try this solution    
    <script>
           $(function(){
             if($('input[name=kmb]:checked').val() == "yes")
                 window.loaction=" a url";
             else if($('input[name=kmb]:checked').val() == "no")
                 window.loaction=" a url";
           });
    </script>

未经过测试

Answer 2

只需为每个单选按钮设置click事件，即可使用window.location = 'http://www.someurl.com';

$('#no').click(function(){
    alert('You clicked "No"');
    window.location = 'http://google.com';
});

$('#yes').click(function(){
    alert('You clicked "Yes"');
    window.location = 'http://stackoverflow.com';
});

Fiddle

@ John的答案最好是你有另一个动作来触发检查，例如表单提交。然而，只要你点击一个单选按钮就会发生。

Answer 3

您可以使用JavaScript执行此操作，但在此之前，您必须对HTML进行一次更改。

<input type="radio" name="kmb" id="YES" value="YES">
<input type="radio" name="kmb" id="NO" values="NO">

Javascript代码：

function redirect()
{
    if(document.getElementById('YES').checked)
    {
         window.location="http://www.stackoverflow.com"
    }
    else
    {
         window.location="http://www.stackoverflow.com"
    }
}

如何在单选按钮上创建条件？

3 个答案: