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

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';
});

小提琴

如果您有其他操作来触发检查，例如表单提交，@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"
    }
}