我正在使用2个jQuery UI小部件来添加选项,并且只允许用户在两个下拉小部件之间选择5个总复选框。 我可以阻止用户在击中5但是无法取消选中时检查更多的框。
如何在每次选中框时创建一个变量和+1或-1。 不允许超过5个
我正在使用的UI小部件: http : //www.erichynds.com/blog/jquery-ui-multiselect-widget
$(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 }); });
你的代码几乎可以正常工作,但在你的click
函数中, this
会返回整个选择列表,所以!this.checked
将永远是真的,因为它是未定义的。
如果你使用ui
变量,这是被点击的选项,它会给你正确的结果。
click: function (event, ui) { if (ui.checked && $(".multiselect").children(":checked").length >= 5) { return false; } },
这是一个在jsfiddle中工作的例子: http : //jsfiddle.net/3u7Xj/3/
以上就是jQuery教程分享添加2个多选复选框相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/541292.html