JSFiddle - React, Tailwind, and code Playground

by Brad Christie

HTML

<label><input type="checkbox" name="miltiselect_ddlCC" value="apple" /> Apple</label><br />
<label><input type="checkbox" name="miltiselect_ddlCC" value="orange" /> Orange</label><br />
<label><input type="checkbox" name="miltiselect_ddlCC" value="banana" /> Banana</label><br />
<label><input type="checkbox" name="miltiselect_ddlCC" value="kiwi" /> Kiwi</label><br />
<label><input type="checkbox" name="miltiselect_ddlCC" value="grapefruit" /> Grapefruit</label><br />
<input type="button" value="Get Sorted Values" id="foo" />

JavaScript

$('#foo').on('click',function(){
    var values = [];
    $('input:checkbox[name="miltiselect_ddlCC"]:checked').each(function(i,e){ values.push($(e).val()); });
    alert(values.sort());
});