Question

脚本

$('document').ready(function() {
  $('#conbtn').click(function() {
    if ($('#radio1').is(':checked') $('#radio1').is(':checked') $('#radio1').is(':checked')) {

      $(location).attr('href', 'career-central-choice.html');
    } else {

      alert('Please Select One Stream');

    }
  });
});

HTML 的

<div class="select-stream">
    <div class="second_slide">
        <form>
            <input type="radio" name="sub_1" id="radio1">
            <label>Science</label>
            <input type="radio" name="sub_1" id="radio2">
            <label>Commerce</label>
            <input type="radio" name="sub_1" id="radio3">
            <label>Humanities/Arts</label>
            <br>
            <button id="conbtn">Continous</button>
        </form>
    </div>
</div>

如何使用单选按钮重定向到选择上的其他页面？

Answer 1

if ($('#radio1').is(':checked')) {
    location.href=/*your url*/;
}

Answer 2

您需要使用||运算符并使用正确的ID选择器。

使用

$('document').ready(function() {
    $('#conbtn').click(function() {
        if ($('#radio1').is(':checked') || 
            $('#radio2').is(':checked') || 
            $('#radio3').is(':checked')) {
            $(location).attr('href', 'career-central-choice.html');
        } else {
            alert('Please Select One Stream');
        }
    });
});

Answer 3

您可以添加参数<form id="form" action="career-central-choice.html">。

和JS：

$('document').ready(function() {
$('#form').submit(function() {
    if (!$('#radio1').is(':checked') && 
        !$('#radio2').is(':checked') && 
        !$('#radio3').is(':checked')) {
        alert('Please Select One Stream');
        return false; // this row disables form sending
    }
});
});

选择其中一个单选按钮，然后单击“提交”以重定向其他URL

3 个答案: