JS -添加2个多选复选框
JS -添加2个多选复选框
提问于 2014-01-21 22:42:00
我使用2个jQuery UI小部件来添加选择，并且只允许用户在两个下拉小部件之间选择总共5个复选框。我可以阻止用户勾选更多的方框，但不能取消勾选。下面的代码没有任何限制。任何帮助都将不胜感激。
我正在使用的UI小部件：http://www.erichynds.com/blog/jquery-ui-multiselect-widget
<select id="dropdown1" multiple="multiple" class="multiselect">
<select id="dropdown2" multiple="multiple" class="multiselect">js
$(document).ready(function() {
$(".multiselect").multiselect({
header: "Choose up to 5 areas total",
click: function (event, ui) {
if (!this.checked) return true;
if ($(".multiselect").children(":checked").length >= 5) {
return false;
}
},
selectedList:5
});
});如果删除return true IF，则允许用户仅选择5，这也会防止用户取消选中。
回答 1
Stack Overflow用户
发布于 2014-01-21 22:49:36
试一试
$(document).ready(function() {
$(".multiselect").multiselect({
header: "Choose up to 5 areas total",
click: function (event, ui) {
if (!this.checked && $(".multiselect").children(":checked").length >= 5) {
return false;
}
},
selectedList:5
});
});这样，只有当用户单击未选中的框时，才会满足return false的条件。如果用户单击复选框，则允许取消选中它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21261217
复制相关文章
相似问题
腾讯云开发者
