Question

I have 2 radios:

<input id="a_15_0" type="radio" value="abc" name="a_15"/>
<input id="a_15_1" type="radio" value="xyz" name="a_15"/>

Both are unselected. I have only the name of the radio, i.e a_15, but not the IDs.

1) How can I get the value of the selected option of this radio? E.g if the user clicked ‘xyz’, how can I get it? Right now I’m using:

var val=$('[name="a_15"]').val();

Which always gives abc even when xyz is selected.

2) How can I get xyz to be selected through javascript, without knowing the ID of the radio which says xyz? Doing:

$(‘[name=”a_15″]’).val(‘xyz’);

Changes the value of both radios to xyz rather than selecting the one whose value had been xyz.

Do I need to use document.myForm.a_15.value? Would that work consistently?

Answer 1

Have you tried using the val() in conjunction with the :checked selector?

$('[name="a_15"]:checked').val();

As for setting the selection based on the value, you may have to perform a multiple attribute tests?

$('[name="a_15"][value="xyz"]').get(0).checked = true;