多选复选框下拉列表

Mad*_*ddy 5 javascript asp.net jquery twitter-bootstrap

我正在使用多选复选框下拉列表.

请看例子jsfiddle

$(function () { $('#lstStates').multiselect({ }); });
Run Code Online (Sandbox Code Playgroud)

一旦你选择了状态,它就显示TEXT值并用逗号连接:新泽西州,纽约州,俄亥俄州

但我希望选择的ITEM的价值如下:NJ,NY,OH

小智 6

您可以使用buttonTextmultiselect选项.

http://jsfiddle.net/ejqngpn5/

$('#lstStates').multiselect({ 
    buttonText: function(options, select) {
        console.log(select[0].length);
        if (options.length === 0) {
            return 'None selected';
        }
        if (options.length === select[0].length) {
            return 'All selected ('+select[0].length+')';
        }
        else if (options.length >= 4) {
            return options.length + ' selected';
        }
        else {
            var labels = [];
            console.log(options);
            options.each(function() {
                labels.push($(this).val());
            });
            return labels.join(', ') + '';
        }
    }

});
Run Code Online (Sandbox Code Playgroud)