Re: Select all checkboxes clicking header checkbox inside DataTableModule -PrimeNg Jul 21, 2019 06:05 PM | bruce (sqlwork.com) | LINK As this is a pure angular question, you should try an angular forum like stackoverflow. To select all the CheckBoxes in listview, when header CheckBox is selected & vice-versa Set "setOnClickListener" NOT "setOnCheckedChangeListener" for CheckBox in header "checkBox_header" /* * Select All / None DO NOT USE "setOnCheckedChangeListener" here. All child checkboxes will be checked/un-checked using a Parent checkbox (in Header). PROJECT DESCRIPTION The demo presents how to check/uncheck all grid rows upon clicking the checkbox inside a template column HeaderTemplate.To accomplish this task we attach the CheckAll() function to the onclick attribute of the checkbox inside the column header. How can I select or deselect all rows in the Kendo UI Grid for jQuery with a Select All header checkbox?. In the header there is a "check all" checkbox. The following example demonstrates how to select or deselect all rows in a Grid by checking the Select All column header of the template checkbox.. You can also select multiple rows by using the checkboxes and apply custom styling of the checkboxes. Solution. The TreeView doesn't have a Header. $('#headerCheckbox').click(function () { var isheaderChecked = this.checked; $(".childCheckBox").each(function () { this.checked = isChecked; }) })but also remember that you need to deselect the header checkbox when any one of the child checkbox … Automatically check “parent checkbox” based on all child boxes checked/unchecked.