SelectOneRadio tooltip workaround needed

Question

Hi.,
I have something like:
<t:selectOneRadio  value="#{configuration.leasingartSelected}" onclick="submit();" valueChangeListener="#{configuration.leasingartValueChange}">
<f:selectItem itemValue="Privat" itemLabel="Privat" />
  <f:selectItem itemValue="Gewerblich" itemLabel="Gesch?ftlich" />
</t:selectOneRadio> I would like to place title (tooltip) for the rendered 2 radio buttons each one with different texts (not setting "title" attribute common for both buttons).
Lets say with equivalent HTML:
Male:
<input type="radio" name="Sex" value="male" title="male">
Female:
<input type="radio" name="Sex" value="female" title="female"> How could I achieve that?
Any workaround would also be highly appreciated.
Thanks.

Answer 1

Hi Friend
Just try the following html, I think this is what you need
<div><label  title ="alpha tool tip" for="radio1"><input type="radio" name="rad" value="1" id="radio1">alpha</label></div>
<div><label title ="Beta tool tip" for="radio2"><input type="radio" name="rad" value="2" id="radio2" checked>beta</label></div>
<div><label title ="gamma tool tip"  for="radio3"><input type="radio" name="rad" value="3" id="radio3">gamma</label></div>