Select all and items on checkbox click

[zakstevParticipant]

hi,

How to select all items on check box click and unselect all items on uncheck check box.

Requirement:

If checkbox=True than select all listbox items
else unselect all listbox items

$(“#SelectAllCompanies”).on(‘change’, function (event) {
var checked = $(‘#SelectAllCompanies’).jqxCheckBox(‘checked’);
if(checked){
var items = $(“#CompaniesList”).jqxListBox(‘getSelectedItems’);
for (var i = 0; i < items.length; i++) {
$(“#CompaniesList”).jqxListBox(‘selectIndex’, i);
}
}
else{
for (var i = 0; i < items.length; i++) {
$(“#CompaniesList”).jqxListBox(‘unselectIndex’, i);
}
}
});

Thanks in advance…

[HristoParticipant]

Hello zakstev,

Try to use checkChange event and getSelectedItems method.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

• This reply was modified 7 years, 1 month ago by  Hristo.
• This reply was modified 7 years, 1 month ago by  Hristo.
• This reply was modified 7 years, 1 month ago by  Hristo.

[zakstevParticipant]

hi,

checkChange event is not working, please check.

$(“#SelectAllCompanies”).on(‘checkChange’, function (event) {
alert(“Test”);
});

Thanks…

Regards,
MZ

[HristoParticipant]

Hello zakstev,

Please take a look this example:
http://jsfiddle.net/txhi/t54xfo48/

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts