基于jQuery UI的多项选择下拉列表框组件 jQuery UI MultiSelect Widget

Max Checked Test

Logic to impose a maximum number of checked inputs (two in this demo).

Check a few boxes.

var warning = $(".message");

$("select").multiselect({ 
   header: "你最多可以选择2个选项!",
   click: function(e){
       if( $(this).multiselect("widget").find("input:checked").length > 2 ){
           warning.addClass("error").removeClass("success").html("你最多可以选择2个选项!");
           return false;
       } else {
           warning.addClass("success").removeClass("error").html("还可以选择一个选项。");
       }
   }
});