PrimeFaces SelectManyCheckbox

It is used to select multiple values from given options. It is useful when we want to take multiple user inputs from a collection. We can use <p:selectManyCheckbox> component to create SelectManyCheckbox in JSF application.

It has various attributes that are tabled below.

ManyButton Attributes

Attribute	Default value	Return type	Description
id	null	String	It is an unique identifier of the component.
rendered	true	Boolean	It is used to specify the rendering of the component.
value	null	obejct	It is used to set value of the component.
required	false	Boolean	It is used to mark component as required.
requiredMessage	null	String	It is used to set message to be displayed when required field validation fails.
disabled	false	Boolean	It is used to disable the component.
label	null	String	It is used to set user presentable name.
layout	lineDirection	String	It is used to set layout of the checkboxes.
columns	0	Integer	It is used to specify number of columns in grid layout.
onchange	null	String	It is used to execute script on value change.
style	null	String	It is used to set inline CSS of the component.
tabindex	null	String	It is used to set position of the component in the tabbing order.

Skinning

The following table contains structural style classes for SelectManyCheckbox.

Style Class	Applies
.ui-selectmanycheckbox	It applies on the main container element.
.ui-chkbox	It applies on the container of a checkbox.
.ui-chkbox-box	It applies on container of checkbox icon.
.ui-chkbox-icon	It applies on checkbox icon.

Example

Here, in the following example, we are implementing <p:selectManyCheckbox> component. This example contains the following files.

JSF File

// selectManyCheckbox.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head>
<title>Primefaces ManyCheckBox</title>
</h:head>
<h:body>
<h:form>
<h3 style="margin-top:0px">Select Courses</h3>
<p:selectManyCheckbox id="basic" value="#{manyCheckBox.selectedCourse}">
<f:selectItem itemLabel="J2SE" itemValue="J2SE" />
<f:selectItem itemLabel="Servlet" itemValue="Servlet" />
<f:selectItem itemLabel="Spring" itemValue="Spring" />
</p:selectManyCheckbox>
<br/>
<p:commandButton value="Submit" update="display-courses" oncomplete="PF('dlg').show()" icon="ui-icon-check" />
<p:dialog header="Courses" modal="true" showEffect="clip" widgetVar="dlg" resizable="true">
<p:outputPanel id="display-courses">
<p:dataList value="#{manyCheckBox.selectedCourse}" var="example">
<f:facet name="header">
Course Name
</f:facet>
#{example}
</p:dataList>
</p:outputPanel>
</p:dialog>
</h:form>
</h:body>
</html>

ManagedBean

// ManyCheckBox.java

package com.javatpoint;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class ManyCheckBox {
private String[] selectedCourse;
public String[] getSelectedCourse() {
return selectedCourse;
}
public void setSelectedCourse(String[] selectedCourse) {
this.selectedCourse = selectedCourse;
}
}

Output: