Select one of the radio buttons and click Submit which redirects other url

Question

Script

$('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>

How to redirect to another page on select using a radio button?

Why are you using `$('#radio1')` thrice? and show your HTML. — Satpal, Oct 13 '14 at 08:12
[CLICK](http://stackoverflow.com/questions/503093/how-can-i-make-a-redirect-page-in-jquery-javascript) — szpic, Oct 13 '14 at 08:13
Your title and your text are two different questions, do you want to redirect after click on a submit button or do you want to redirect after click on a radio button — Matthias, Oct 13 '14 at 08:15

score 1 · Answer 1 · edited Oct 13 '14 at 08:36

1

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

edited Oct 13 '14 at 08:36

Hans Roerdinkholder

3,000
1
20
30

answered Oct 13 '14 at 08:15

Buisson

479
1
6
23

score 0 · Accepted Answer · answered Oct 13 '14 at 08:16

0

You need to use || operator and use correct ID selector.

Use

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

answered Oct 13 '14 at 08:16

Satpal

132,252
13
159
168

1

You have #radio2 twice ;) – Matthias Oct 13 '14 at 08:17

score 0 · Answer 3 · answered Oct 13 '14 at 08:24

0

You can add params <form id="form" action="career-central-choice.html">.

and in 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
    }
});
});

answered Oct 13 '14 at 08:24

Vadim S

358
1
15

Uncaught ReferenceError: $ is not defined – muqeem khan Oct 13 '14 at 08:44

Select one of the radio buttons and click Submit which redirects other url

3 Answers3