name attribute overriden when specifying input type="radio" as JSF passthrough element

Question

name attribute overriden when specifying input type="radio" as JSF passthrough element

1.3k views Asked by Chris Cooper At 06 January 2025 at 09:34

When using plain HTML radio buttons bound to a bean using the jsf: attributes added in JSF 2.2, I run into an issue where the generated names of the radio inputs don't match:

<label>
     <input type="radio" value="foo" name="a-radio" jsf:id="fooOption" jsf:value="#{fooBean.value} />
</label>
<label>
     <input type="radio" value="bar" name="a-radio" jsf:id="barOption" jsf:value="#{fooBean.value} />
</label>

However, when the page is rendered, the name attributes of the inputs become "[some:jsf:id]:fooOption" and "[some:jsf:id]:barOption", meaning that checking one doesn't uncheck the other! Is this a bug, or does the jsf: attribute namespace not support radio buttons?

Original Q&A

There are 2 answers

Eelke On 10 August 2015 at 10:00

You can better use a h:selectOneRadio component which then contains a series of s:selectItems.

<h:selectOneRadio value="#{fooBean.value}">
    <f:selectItem itemValue="foo" itemLabel="foo" />
    <f:selectItem itemValue="bar" itemLabel="bar" />
</h:selectOneRadio>

For a more complete sample see http://www.mkyong.com/jsf2/jsf-2-radio-buttons-example/

**BalusC** · Accepted Answer · 2015-08-10 10:02:58

Specify the name as passthrough attribute instead. It will override the implicit attribute.

<html ... xmlns:a="http://xmlns.jcp.org/jsf/passthrough">

<label>
    <input type="radio" value="foo" a:name="a-radio" jsf:id="fooOption" />
</label>
<label>
    <input type="radio" value="bar" a:name="a-radio" jsf:id="barOption" />
</label>

You only need to redeclare it as <f:viewParam name="a-radio" value="#{fooBean.value}">, or to manually grab the submitted value from the request parameter map.

TechQA.

name attribute overriden when specifying input type="radio" as JSF passthrough element

There are 2 answers

Related Questions in JSF

Related Questions in RADIO-BUTTON

Related Questions in JSF-2.2

Related Questions in PASSTHROUGH-ELEMENTS

Popular Questions

Popular Tags

Trending Questions