selectOneRadio - javascript get value

[Jolie Lee]

how can i retrieve value of a radio button (h:selectOneRadio) in a h ataTable using javascript?

[Gregg Bolinger]

The same way you do it without using JSF. Only the ID is going to be JSF specific. So if you have a form id of "myForm" and a radio button as "myRadio" you would use

getElementById("myForm:myRadio")

[Jolie Lee]

this is my radio button in jsf

<tr>
<td width="30%"><h :-o	 utputText styleClass="labelTxt" value="#{bundle.Common_ActiveStatus}"/></td><td colspan="3"><h:selectOneRadio id="active"styleClass="fieldTxt" layout="lineDirection" required="true" value="#{budgetCategoryBean.active}"><f:selectItem itemLabel="#{bundle.Common_Active}" itemValue="1"/><f:selectItem itemLabel="#{bundle.Common_InActive}" itemValue="0"/></h:selectOneRadio>
<h:message style="errorTxt" for="active" />
</td>
</tr>

when i view source i see it becomes

<tr>
<td width="30%"><span class="labelTxt">Active Status :</span></td><td colspan="3"><table id="budgetcategoryform:active" class="fieldTxt">
<tr>
<td>
<label><input type="radio" checked name="budgetcategoryform:active" value="1"> Active</input></label></td>
<td>
<label><input type="radio" name="budgetcategoryform:active" value="0"> InActive</input></label></td>
</tr>
</table>

</td>
</tr>

therefore, in javascript when i do this:

document.getElementById("myform:active").value

it gives me "undefined"

anybody can advise me wat's wrong?

[Gregg Bolinger]

Ok, when I said "myform" it was an example. I expected you would use whatever you needed to in place of "myform" in your javascript.

document.getElementById("budgetcategoryform:active").value

[Jolie Lee]

yes, tat's wat i tried and i got undefined....

(forgot to change the name when i copy and paste)

[Varun Khanna]

I have never used "value" option but in order to know which button is checked, you can use following option

document.forms['budgetcategoryform']['budgetcategoryform:active'][0].checked

document.getElementById("budgetcategoryform:active")[0].checked
should also work.

Both of above expressions return boolean value.

You can use [1] index also in case you want to. [0]th element refers to first button and [1]th element refers to second button.

P.S. Jolie, if you can format your second post, the readability of the
page can be improved. Currently page is bit stretched out.
[ September 13, 2005: Message edited by: Varun Khanna ]

[Jolie Lee]

hey, thanks.. it works...but somehow when i trid the one with getElementById, it doesn't work...

oops..sorry...

i post it in the "code" tag....

[ September 14, 2005: Message edited by: Jolie Lee ]
[ September 14, 2005: Message edited by: Jolie Lee ]

[Mike Mentzer]

Awesome man!!! my problem is also solved..

[Shruthi Sam]

Hi,
I know this is an old post, but now i need the same requirement. As solution is not posted here, please let me know how we can get a selected radio button value in the javascript. Thanks in advance.

[Selvakumar Nachimuthu]

Varun Khanna wrote:I have never used "value" option but in order to know which button is checked, you can use following option

document.forms['budgetcategoryform']['budgetcategoryform:active'][0].checked

document.getElementById("budgetcategoryform:active")[0].checked
should also work.

Both of above expressions return boolean value.

You can use [1] index also in case you want to. [0]th element refers to first button and [1]th element refers to second button.

P.S. Jolie, if you can format your second post, the readability of the
page can be improved. Currently page is bit stretched out.
[ September 13, 2005: Message edited by: Varun Khanna ]

Thanks a ton it works for me too....

[Toyan Harvey]

Thank You