title: Page should not refresh when I click on a checkbox in JavaScript
body: <p>My page is refreshing every time I click on a check-box. I am using JavaScript as follows:</p>
  
  <pre><code>input.setOnkeypress("if (event.keyCode == 13) {document.getElementById('search_report_form:search_button').onclick(); return true}");
  
  final class GroupsSelector extends BaseRenderablePanel&lt;GroupsSelector&gt; {
          private GroupsSelector group(LabourInputReportCriteria.Level level) {
              HtmlSelectBooleanCheckbox box = new HtmlSelectBooleanCheckbox();
              boolean isSelected = selections.isGroupSelected(level);
              box.setSelected(isSelected);
              // box.setDisabled(isDaySelectedOnFirst(level));
              box.setId("groupBy" + level.getClass().getSimpleName());
              box.setOnclick("submit()");
              box.addValueChangeListener(u.addExpressionValueChangeListener("#{reportSearchCriteriaModel.groupBy}"));
              HtmlOutputText labelComponent = new HtmlOutputText();
  
              labelComponent.setValue(getGroupSelectionValue(level));
              tr().td();
              html(box);
              html("&amp;nbsp;");
              html(labelComponent);
              endTd().endTr();
              return this;
          }
  </code></pre>
  
  <p>Is there any way to avoid refreshing of my page each-time I click on a check box?</p>
  
  <p>Please help.</p>
  
  <p>Thanks,
  Shruthi </p>