Display value of 'checked' radio button

[Aparna Ram]

Hi,

I have 3 radio buttons on my jsp page and I would like the value of the radio button that has been selected, to be alerted in a pop-up message.

This is my code:

JSP,

<h:form id='msForm'>
function checkSearchType()
{
alert(document.getElementById('msForm:searchType').checked);
}
 
<h:selectOneRadio id="searchType" layout="pageDirection" value="#{searchAction.searchType}" styleClass="tabBold" onClicking="javascript:checkSearchType();">
 f:selectItem itemValue="0" itemLabel="A" 
 f:selectItem itemValue="1" itemLabel="B" 
 f:selectItem itemValue="2" itemLabel="C" 
</h:selectOneRadio>

Action class,

private String searchType = null;
public String getSearchType() {
 return this.searchType;
}
public void setSearchType(String a_iSearchType) {
 this.searchType = a_iSearchType;
}

The pop-up returns 'undefined'. Where am I going wrong? Kindly help.

[Tak Ng]

The checked property sets or returns whether or not a radio button is checked.
It does not give you the value of your radio button.

[Aparna Ram]

Ok, even this code returns the same.

function checkSearchType()
{
for (var i=0; i<document.getElementById('msForm:searchType').length;i++)   
{
if (document.getElementById('msForm:searchType')[i].checked == true)  
{
alert(document.getElementById('msForm:searchType').value);
}
}
}

In fact if I comment all other lines except the one containing 'alert', it returns 'undefined'. And if I uncomment all of it, it returns just nothing.

I don't understand where I am going wrong here.! Please help.
[ July 01, 2007: Message edited by: Aparna Ram ]

[Alim Atar]

hi,

if you want get selected value then use valueChangeListener attribute in <h:selectOneRadio...> and then get value from that event

for example

<<h:selectOneRadio id="searchType" value="#{searchAction.searchType}" valueChangeListener="javascript:checkSearchType(ValueChangeEvent event);" >
f:selectItem itemValue="0" itemLabel="A"
f:selectItem itemValue="1" itemLabel="B"
f:selectItem itemValue="2" itemLabel="C"
</h:selectOneRadio>

In chechSearchType you can get new value from event.getNewValue();

hope this will solve your problem..
Regards
-Alim

[sharath kumar s]

The below JS should help.........


function checkSearchType()
{
for(var i=0;i<=document.getElementsByName("msForm:searchType").length;i++){
if(document.getElementById("msForm:searchType")[i].checked){
searchType= document.getElementById("msForm:searchType")[i].value
}
}

alert("searchType "+searchType);
}

<h:form id="msForm">
<h:selectOneRadio id="searchType" layout="pageDirection" value="#{searchAction.searchType}" styleClass="tabBold" onClicking="javascript:checkSearchType();">
f:selectItem itemValue="0" itemLabel="A"
f:selectItem itemValue="1" itemLabel="B"
f:selectItem itemValue="2" itemLabel="C"
</h:selectOneRadio>
</h:form>