JQuery DropDownList

Set the checkboxes property of the jqxDropDownButton. Author: http://jqwidgets.com Author: http://jqwidgets.com

HTML

<script src="https://www.jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://www.jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://www.jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxDropDownList'></div>

JavaScript

var source = [
      { label: "Affogato", value: true },
      { label: "Americano", value: false },
      { label: "Bicerin", value: true },
      { label: "Breve", value: false },
      { label: "Café Bombón", value: true },
      { label: "Café au lait", value: false },
  ];
  // Create a jqxDropDownList
  $("#jqxDropDownList").jqxDropDownList({
      source: source,
      theme: 'energyblue',
      renderer: function (index, label, value) {   
      	var html = '<input type="checkbox" ';
        if (value) {
        	html += 'checked="checked" ';
        }
        html += 'onclick="return false;" />' + " " + label;
        
    		return html;
			}
	});