title: How to use JSF's h:selectBooleanCheckbox with h:dataTable to get selected checkboxes without submitting the page content?
body: <p>In my application, I have a h:datatable which contains vehicles data and h:selectBooleanCheckBox in each of its row. I want know the selected checkbox in the datatable datatable's row in the backing bean without applying any submit button. The idea of doing this is; when any user clicks the check boxes in one application page, s/he could easily see the selected rows in other pages aswell beacause the datatable in every page contains many vehicles. Therefore, users could be able to see the selected vehicles in any page and do the related operation.</p>
  
  <p>The following shows part of my JSF page.</p>
  
  <pre><code>&lt;rich:dataTable id="vehicleTable" var="vhcl" value="#{mainPage.vehicleList}"
  binding="#{mainPage.vehicleTable}" &gt; 
  &lt;rich:column id="col_sel" width="10px"
  &lt;h:selectBooleanCheckbox title="#{general.showOnMap}" onclick="showOnMap(this)"   id="selectedCheckBox" /&gt;
  &lt;/rich:column&gt;
  &lt;rich:column id="trackId" label="#{general.vehicleName}" &gt;
      &lt;f:facet name="header"&gt;
       &lt;h:outputText value="#{general.vehicleName}" id="state_name" /&gt;
      &lt;/f:facet&gt;
  &lt;h:outputText value="#{vhcl.vehicle.mtsTrackId}" id="vehicleId" title="#{general.vehicleId}" style="font-size:10px; color:blue;" /&gt;
      &lt;br/&gt;
  &lt;h:outputText value="#{vhcl.vehicle.vehiclePlate}" id="vehiclePlate" title="#{general.licencePlate}" style="font-size:10px; color:blue"/&gt;
  &lt;/rich:column&gt;
  &lt;rich:column  id="type_col" label="#{general.vehicleType}" &gt;
  &lt;f:facet name="header"&gt;
      &lt;h:outputText value="#{general.vehichleType}" id="vehichleTypeLabel" /&gt;
  &lt;/f:facet&gt;
  &lt;h:graphicImage value="#{vhcl.typeImage}" height="40" width="40" align="left"/&gt;
  &lt;h:panelGrid columns="1" align="right"&gt;
      &lt;h:graphicImage id="statusImage" value="#{vhcl.statusImage}" title="#{vhcl.status}" height="15" width="15" /&gt;
      &lt;h:graphicImage id="motorStatusImage" value="#{vhcl.motorStatusImage}" title="#{vhcl.motorStatus}" height="15" width="15" /&gt;
  &lt;/h:panelGrid&gt;
  &lt;/rich:column&gt;
  &lt;rich:column id="msg_col" label="#{general.lastMessageDate}" &gt;
  &lt;f:facet name="header"&gt;
      &lt;h:outputText value="#{general.lastMessageDate}" id="lastMsgDateLabel" /&gt;
  &lt;/f:facet&gt;
  &lt;h:outputText value="#{vhcl.messageDate}" id="lastMsgDate" /&gt; 
  &lt;br /&gt;
  &lt;h:outputText value="Hız: " /&gt;
  &lt;h:outputText value="#{vhcl.instantSpeed}" id="lastSpeed" style="color:blue; font-weight:bold" /&gt;
  &lt;h:outputText value="km/s" /&gt;
  &lt;/rich:column&gt;
  &lt;rich:column id="addr_col" label="#{general.address}" &gt;
  &lt;f:facet name="header"&gt;
      &lt;h:outputText value="#{general.address}" id="addressLabel"/&gt;
  &lt;/f:facet&gt;
  &lt;h:outputText value="#{vhcl.address}" id="addr" /&gt;
  &lt;br /&gt;
  &lt;h:outputText value="#{vhcl.location}" id="location" style="color:blue;" /&gt;
  &lt;/rich:column&gt;
  </code></pre>
  
  <p></p>