JavaScript DropDownList

Invoke the checkAll method of the jqxDropDownList. Author: http://jqwidgets.com

by Arvind Pal

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id='jqxDropDownList'></div>
<div>
    <input style="margin-top: 20px;" type="button" id='jqxButton' value="Check all" />
</div>

JavaScript

var source = [
{label:"Affogato",value:"Affogato"},
{label:"Americano",value:"Americano"},
{label:"Bicerin",value:"Bicerin"},
{label:"Breve",value:"Breve"},
{label:"Café Bombón",value:"Café Bombón"},
{label:"Café au lait",value:"Café au lait"},
{label:"Caffé Corretto",value:"Caffé Corretto"},
{label:"Café Crema",value:"Café Crema"},
{label:"Caffé Latte",value:"Caffé Latte"}
];

   // Create a jqxDropDownList
   $("#jqxDropDownList").jqxDropDownList({
       source: source,
       theme: 'energyblue',
       width: '200px',
       height: '25px',
       checkboxes: true
   });
   $("#jqxButton").jqxButton({
       theme: 'energyblue'
   });

   $('#jqxButton').on('click', function () {
       $("#jqxDropDownList").jqxDropDownList('checkAll');
   });