Page should not refresh when I click on a checkbox in JavaScript

Question

My page is refreshing every time I click on a check-box. I am using JavaScript as follows:

input.setOnkeypress("if (event.keyCode == 13) {document.getElementById('search_report_form:search_button').onclick(); return true}");

final class GroupsSelector extends BaseRenderablePanel<GroupsSelector> {
        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("&nbsp;");
            html(labelComponent);
            endTd().endTr();
            return this;
        }

Is there any way to avoid refreshing of my page each-time I click on a check box?

Please help.

Thanks, Shruthi

But the chechbox count is not generated when I remove box.setOnclick("submit()"); . In the webpage it shows checkbox count too whenever I select a checkbox. — Shruthi Sathyanarayana, Nov 27 '15 at 07:05
i don't know your logic i just see your problem and according to that i found what may generate problem that's all — , Nov 27 '15 at 07:07
When i select 1st check box, It will show a 1 in the braces next to value, when I select second checkbox, it will show 2 i the braces next to the valueand so on. So, if I remove remove box.setOnclick("submit()"); , the count is not shown up. — Shruthi Sathyanarayana, Nov 27 '15 at 07:08
it means on every click it submit the form so it's obvious that page get rendered and referesh — , Nov 27 '15 at 07:09
i suggest to use jquery if possible, it will not referesh the whole page — , Nov 27 '15 at 07:10
Is there any other way to avoid reloading other than removing remove box.setOnclick("submit()"); line ? — Shruthi Sathyanarayana, Nov 27 '15 at 07:10
Actually I am not so familiar with the jquery. How am I supposed to do the above code in jquery? — Shruthi Sathyanarayana, Nov 27 '15 at 07:11
as hint: first chagne box.setOnclick("submit()"); to box.setOnclick(""); so it will call that javascript function and in that function call ajax to your page :: for reference of ajax call http://stackoverflow.com/questions/4508409/ajax-method-call and on success method add your logic — , Nov 27 '15 at 07:14

Page should not refresh when I click on a checkbox in JavaScript

0 Answers0