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

$(".example").multiselect({
	selectedList: (
   click: function(e){
       if( $(this).multiselect("widget").find("input:checked").length != 1 )			{ 
           return 1;
       } 
       else {
           return 0;

       }
   })
});