Radio button with jQuery and AJAX

Question

I've got the following error when i'm sending the form, to be exact with radio button input.

Here is the HTML Code:

      <input name="radio" type="radio" class="raido-btn" id="coral1" value="coral1" />
      <label for="coral1">CORAL I</label>
      <input name="radio" type="radio" class="raido-btn" id="coral2" value="coral2" />
      <label for="coral2">CORAL II</label>
      <input name="radio" type="radio" class="raido-btn" id="coral3" value="coral3" />
      <label for="coral3">CORAL III</label>

Here is the Javascript code:

if($('#coral1').prop('checked')){
        apartamentos = 'Coral 1';
    }
    else if($('#coral2').prop('checked')){
        apartamentos = 'Coral 2';
    }
    else if($('#coral3').prop('checked')){
        apartamentos = 'Coral 3';
    }

I don't know how to set the variable "apartamentos" to the radio button which is checked.

It always set the variable apartamentos = 'Coral'

Thanks in advance

All your radios have the same name, only one can be checked. — gen_Eric
– gen_Eric, Commented Mar 7, 2013 at 21:16

Hacknightly · Accepted Answer · 2013-03-07 20:50:20Z

3

JQuery has a few ways to do this. One way I usually do it is by using .is(), for example, $('#coral2').is(':checked'). You could also use apartamentos = $('.raido-btn:checked').val()

answered Mar 7, 2013 at 20:50

Hacknightly

5,1743 gold badges28 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Weinz Over a year ago

Going to try first option but with the second option always sets the variable apartamentos = 'Coral 1';

bgusach Over a year ago

You should be able to do $("#coral2").checked and avoid little jquery overhead =)

Weinz Over a year ago

Thank you. I add onclick="$('#coral1').checked" for every input now works perfect ;)

dchiang · Accepted Answer · 2013-03-07 21:11:19Z

2

What are you attaching that if statement to? I attached it to the clickevent in jsFiddle and and it seems to be working fine. I'm not sure if you want apartamentos to be set to the value of the radio button or the strings that you defined, but it's definitely being updated.

http://jsfiddle.net/FTT5e

answered Mar 7, 2013 at 21:11

dchiang

672 bronze badges

Collectives™ on Stack Overflow

Radio button with jQuery and AJAX

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related