MultiSelect click event - to change 'default' value

by Sivasakthi Chandrasekaran

HTML

<link rel="stylesheet" href="http://www.erichynds.com/examples/jquery-ui-multiselect-widget/jquery.multiselect.css">
<link rel="stylesheet" href="http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/assets/style.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="http://www.erichynds.com/examples/jquery-ui-multiselect-widget/src/jquery.multiselect.js"></script>
    <select name="example" class="example" multiple="multiple">  
        <option value="0">$0</option>
        <option value="50">$50</option>
        <option value="100">$100</option>
        <option value="150">$150</option>
        <option value="200">$200</option>
    </select>

JavaScript

// Doesn't remove value when unselected if it was hardcoded

$(function () {   
    $(".example").multiselect({
            		checkAllText : 'Select All',
                uncheckAllText : 'Deselect All',
                selectedText: function(numChecked, numTotal ){
        return numChecked === 1 ?
            'Select All' :
            '# of # selected'.replace('#', numChecked).replace('#', numTotal)},
                minWidth: 325
    });
        $(".example").multiselect("checkAll");    

});