jquery - 单击后带有链接的单选按钮

Question

单击单选按钮后，将打开一个新页面。我想为每个单选按钮添加一个链接。并且活动页面上链接的单选按钮也将被激活。

尝试了以下代码。

$(function() {
  $('input').click(function() {
    var radioValue = $('input:radio:checked').val();
    if (radioValue == 'male') {
      window.location.href = '/connfig';
    }
    if (radioValue == 'ricted') {
      window.location.href = '/stay-ricted';
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <label for="male">Male</label><br>
  <input type="radio" id="male" name="gender" value="male">

  <label for="ricted">Ricted</label><br>
  <input type="radio" id="ricted" name="ricted" value="ricted">

  <label for="other">Other</label>
  <input type="radio" id="other" name="gender" value="other">
</div>

标签： jquerywordpress