Check if a radio button is checked jquery

Question

I have this HTML:

<input type="radio" name="test" id="test" value="1"><br>
<input type="radio" name="test" id="test" value="2"><br>
<input type="radio" name="test" id="test" value="3"><br>

<input type="button" onclick="CreateJobDo">

When the page loads, none of them will be checked. I want to use jQuery to check if one of the radio buttons is checked when the button is pressed.

I have this:

function CreateJobDo(){
    if ($("input[@name=test]:checked").val() == 'undefined') {

        // go on with script

    } else {

        // NOTHING IS CHECKED
    }
}

But this does not work. How to get it working?

@LightnessRacesinOrbit He wants to check if any of his radio boxes are checked, and currently his test statement isn't working. — RestingRobot, Mar 20 '13 at 17:33
Well, maybe you have an old version of the question, because your quote isn't in it? "When the page loads, none of them will be checked. I to use Jquery to check if one of the radio buttons is checked?" - assuming he "wants to use JQuery". — RestingRobot, Mar 20 '13 at 17:48
Sorry, stupid context :) I have a button under it which has to check if one of the radio buttons are checked. — Mbrouwer88, Mar 20 '13 at 18:42
This asks about radio buttons, and the duplicate question asks about checkboxes. I (now) know both use the same `:checked` syntax, but it was confusing to confirm it. They should have been left separate questions. — goodeye, Nov 09 '18 at 02:49

score 79 · Answer 1 · edited Mar 20 '13 at 17:35

79

First of all, have only one id="test"

Secondly, try this:

if ($('[name="test"]').is(':checked'))

edited Mar 20 '13 at 17:35

Ray

894
1
6
23

answered Mar 20 '13 at 17:29

AlienWebguy

76,997
17
122
145

1

Isnt the name="test" a typo? i believe the right onw is ($('[id="test"]').is(':checked')) – Nikos Tsokos Jun 30 '15 at 08:41
2

Don't overthink it. And You'd never do `$('[id="test"]')` you'd do `$('#test')` – AlienWebguy Jul 03 '15 at 07:16
I had the same situation and this answer was the one that help me. I gave my vote. Thank you. – Adriana Hernández Dec 16 '16 at 19:00

score 50 · Accepted Answer · answered Mar 20 '13 at 17:31

50

try this

if($('input:radio:checked').length > 0){
// go on with script
 }else{
    // NOTHING IS CHECKED
 }

answered Mar 20 '13 at 17:31

Mohamed Habib

883
1
8
18

4

imo you can safely remove the `> 0` part 'cause positive integers _are_ true – T30 May 16 '16 at 08:17
1

It works, but it doesn't read as well as `$("input:radio").is(':checked')`. – NateS Jan 10 '18 at 11:12

score 17 · Answer 3 · answered Mar 20 '13 at 17:29

17

Something like this:

 $("input[name=test]").is(":checked");

Using the jQuery is() function should work.

answered Mar 20 '13 at 17:29

RestingRobot

2,938
1
23
36

checked works for both radios and checkboxes – AlienWebguy Mar 20 '13 at 17:30

score 11 · Answer 4 · answered Mar 20 '13 at 17:30

11

if($("input:radio[name=test]").is(":checked")){
  //Code to append goes here
}

answered Mar 20 '13 at 17:30

talha2k

24,937
4
62
81

score 3 · Answer 5 · answered Mar 20 '13 at 17:29

3

  $('#submit_button').click(function() {
    if (!$("input[@name='name']:checked").val()) {
       alert('Nothing is checked!');
        return false;
    }
    else {
      alert('One of the radio buttons is checked!');
    }
  });

answered Mar 20 '13 at 17:29

Ray

894
1
6
23

Check if a radio button is checked jquery

5 Answers5

Linked

Related