如何在多个选择插件中选择限制数量的选项?
我是jquery中的新成员。我正在使用多个选择插件jQuery。我想用户不能选择超过3个选项。在这里,我也禁用了全选option.Here是我的代码: -如何在多个选择插件中选择限制数量的选项?
<select multiple id='testbox'>
<option value='1'>First Option</option>
<option value='2'>Second Option</option>
<option value='3'>Third Option</option>
<option value='4'>Fourth Option</option>
<option value='5'>Fifth Option</option>
</select>
jQuery代码: -
$("select").multipleSelect({
selectAll: false
});
请帮助我。感谢提前:)
编辑:
有与多选插件工作jsFiddle example
var limit = 3;
var $multiSel = $("select").multipleSelect({
placeholder: "Here is the placeholder",
width: 200,
filter: true,
selectAll: false,
onClick: function(view) {
var $checkboxes = $multiSel.next().find("input[type='checkbox']").not(":checked");
var selectedLen = $multiSel.multipleSelect('getSelects').length;
if (selectedLen >= limit) {
$checkboxes.prop("disabled", true);
} else {
$checkboxes.prop("disabled", false);
}
}
});
的选择添加change
事件,并检查长度的选择的选项
$("select").change(function() {
if($("select option:selected").length > 3) {
// you can disable rest of the things here
}
});
我已经尝试过这一点,但不能与多个工作选择 –
我更新了我的答案检查现在 –
这是多选不复选 –
你可以做
if($("select").multipleSelect("getSelects").length > 3)
{
alert('Not allowed');
}
不能与多个选择插件 –
此,如果不工作,工作您可以使用select选择多个项目。点击第一个元素,然后按Shift并点击最后一个元素。 – Rajesh
使用多选插件编辑,是更好的吗? –