如何在单选按钮上创建条件 - How create condition on the Radio Button?

How create condition on the Radio Button?

本文关键字：创建条件单选按钮 | 更新日期: 2023-09-27

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

当单选按钮选择"是"时，他将转到另一页。

当单选按钮选择"否"时，他将转到另一页

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

 <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>

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>

未测试

只需为每个单选按钮设置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的答案是最好的。但是，只要您单击单选按钮，我的就会发生。

您可以使用

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"
    }
}