The problem here is that XPage generates <label> tag around the radiobutton. For e.g. for the following XPage code snippet:

 

<xp:radioGroup id="radioGroup1">
<xp:selectItem itemLabel="value1" itemValue="value1"></xp:selectItem>
<xp:selectItem itemLabel="value2" itemValue="value2"></xp:selectItem>
<xp:selectItem itemLabel="value3" itemValue="value3"></xp:selectItem>
</xp:radioGroup> 

 

this HTML is generated: 

 

<table id="view:_id1:radioGroup1" class="xspRadioButton">
<tr><td><label><input type="radio" name="view:_id1:radioGroup1" value="value1">value1</input></label></td>
<td><label><input type="radio" name="view:_id1:radioGroup1" value="value2"> value2</input></label></td>
<td><label><input type="radio" name="view:_id1:radioGroup1" value="value3"> value3</input></label></td></tr>
</table> 

 

I simply could not find any property that would disable this <label> tag generation. So what I did was to create separate radiobuttons without labels and put them separately as plain text in XPage. Crude solution but it works! Something like this 

<xp:radio id="radio1" groupName="myRadioGroup"></xp:radio>Label1
<xp:radio id="radio2" groupName="myRadioGroup"></xp:radio>Label2 

 

Just make sure the groupName attribute is same for all radio buttons. 

 

Hope it helps!

Naveen,

 

I tried your method. Unfortunately I can't get it to work with partial refreshes either. After selecting a radio button, the onclick (tried onmouseup also) event fires and does a partial update and the radio button loses its value. Were you able to get it to work after a partial update?