How to determine if radio buttons are checked?

Question

I'm trying to get all the radio buttons by their names and check if they are blank. If one is blank, then form will show an alert and will not submit. If all buttons are filled then it will go to the "else" part and see whether the answer is correct. If it is correct, then it will show the right values in that page <div>.

It goes to the "alert" but, even if I select the radio button, it does not go to else part.

What am I doing wrong?

$(document).ready(function() {
  $("#btnDel").click(function() {
    var count = 0;
    if ($("input[name='ques1']").attr('checked', false) || $("input[name='ques2']").attr('checked', false)) {
      alert("Please Fill all the Fields");
    } else {
      //question no 1                           
      if ($("input[name='ques1']").attr('checked', false) || $("input[name='ques2']").attr('checked', false)) {
        alert("Please Fill all the Fields");
      } else {
        if ($("input[name='ques1']:checked").val() == 6) {
          count++;
          $("#answerques1").text("Your Answer is correct");
        } else {
          $("#answerques1").html("<p style='color:red'>Your Answer is incorrect</p>");
        }
        //question no 2
        if ($("input[name='ques2']:checked").val() == 4) {
          count++;
          $("#answerques2").text("Your Answer is correct");
        } else {
          $("#answerques2").html("<p style='color:red'>Your Answer is incorrect</p>");
        }
      }
    }    
  });
});

you should be using `$("input[name='ques1']:checked")` to check if the radio button is checked — Sushil, Aug 07 '15 at 18:53
@Sushil That will return the element if it is checked. It wont return any boolean results. — Rajaprabhu Aravindasamy, Aug 07 '15 at 18:55
@Sushil It make sense if you suggest `if($("input[name='ques1']:checked").length)` — Rajaprabhu Aravindasamy, Aug 07 '15 at 18:56
aw crap, selected wrong duplicate: http://stackoverflow.com/q/596351/497418 — zzzzBov, Aug 07 '15 at 18:57
yeah @RajaprabhuAravindasamy you're right. my mistake. we need to check the length. — Sushil, Aug 07 '15 at 18:59
Hello sushil problem here is that i want if they ques1 and ques2 are unchecked then it show alert to fill the fields and if it is filled then only it should go to the else part where it will check if answer is correct or not — Manjot, Aug 07 '15 at 19:15

score 0 · Accepted Answer · answered Aug 07 '15 at 18:52

0

You can use .is(':checked') to check if radio button is checked or not..

    if(!$("input[name='ques1']").is(':checked')  || !$("input[name='ques2']").is(':checked')){
    // Both are not checked
    }

answered Aug 07 '15 at 18:52

ssilas777

9,672
4
45
68

hi sssilas777 this is not working.. I tried.. what else i can do... i want if they are not checked then to show alert.. please fill all the fields. – Manjot Aug 07 '15 at 19:13
Why it is not working.. any errors? can you create a jsfiddle? – ssilas777 Aug 07 '15 at 19:15
Sorry sssilas777 .. this works... now.. My mistake.. It is working perfectly.. none other worked... thanks a lot.. i was doing this fiddler for hours . now. – Manjot Aug 07 '15 at 19:24

score 0 · Answer 2 · answered Aug 07 '15 at 18:52

0

Change all of the instance you are trying to check the radio buttons checked property to the following code.

if (!$("input[name='ques1']").is(':checked'))

Doing it like you currently are `.attr('checked', false)' sets the property instead of reading it.

answered Aug 07 '15 at 18:52

mituw16

5,126
3
23
48

what if OP asks, why do i need to use `.prop()` instead of `.attr()` ? – Rajaprabhu Aravindasamy Aug 07 '15 at 18:53
Edited my answer. Thanks – mituw16 Aug 07 '15 at 18:54
this is not working. i tried – Manjot Aug 07 '15 at 19:19
thanks for the details...sssilas777 answer worked.. thanks again – Manjot Aug 07 '15 at 19:28

How to determine if radio buttons are checked?

2 Answers2