Get the count of selectted checkbox

[Bibin Zacharias]

Hi

Help me solve the below problem.

I am using a datatable. Inside that table I am using a "selectBooleanCheckbox". Can any one to help me to get the count of the selected checkbox inside the tables when trigger an action. Please find my JSF code for datatable.

<t:dataTable id="adminUserstable"
											styleClass="inc" headerClass="datagrid-HeaderStyle"
											footerClass="standardTable_Header"
											rowClasses="row-classes1,row-classes2"
											columnClasses="standardTable_ColumnCentered" var="adminUser"
											value="#{adminUserForm.deleteUserList}" rows="10" width="100%"
											rendered="#{adminUserForm.renderDatatable}" align="center"
											rowIndexVar="index" preserveRowStates="true">
											<h:column>
												<f:facet name="header"><h:outputText value="S.No" /></f:facet>
												<h:outputText value="#{index+1}" styleClass="grid-heading"/>
											</h:column>
											<h:column>
												<f:facet name="header"><h:outputText value="User ID" /></f:facet>
												<h:outputText value="#{adminUser.userId}" styleClass="grid-heading"/>
											</h:column>
											<h:column>
												<f:facet name="header"><h:outputText value="User Name" /></f:facet>
												<h:outputText value="#{adminUser.userName}" styleClass="grid-heading"/>
											</h:column>
											<h:column>
												<f:facet name="header">	<h:outputText value="Password" /></f:facet>
												<h:outputText value="#{adminUser.password}" styleClass="grid-heading"/>
											</h:column>
											<h:column>
												<f:facet name="header"><h:outputText value="Attached BU" /></f:facet>
												<h:outputText value="#{adminUser.attachedBU}" styleClass="grid-heading"/>
											</h:column>
											<h:column>
												<f:facet name="header"><h:outputText value="Delete" /></f:facet>
												<h:selectBooleanCheckbox value="#{adminUser.selected}" id="userSelectChkbox">
												</h:selectBooleanCheckbox>
											</h:column>
										</t:dataTable>

[Brajendra Mathema]

hi

one way would be using value change listener in the checkbox

when one clicks the check box if the value is checked that is true add it in array or list

finally when you click on button that carries out some action you can get the size of the array or the list and find out the no. of check boxex checked.

thankyou

brajen

[Bibin Zacharias]

Hi brajen,

Thanks for your reply. Some how I managed it using javascript.

Find the code here

 var parentTableObj = document.getElementById("adminUsersListForDelete:adminUserstable");
	   var count=0; 
	   var objCheckBoxes = parentTableObj.getElementsByTagName("input");
	   for(var i = 0; i < objCheckBoxes.length; i++){
	      if(objCheckBoxes[i].checked){
	           count++; 
	        }
	    }