jquery– 分组复选框,允许每组最多检查三个

概述我想有一个应用程序,用户将为任意个人输入数据.每个人最多可以选择六个选项中的三个.我想知道如何在任何个人身上使用jquery强制最多三个选项.这是一个示例代码<div id='subscriber_1'> <input type=checkbox name=national> <input type=checkbox

我想有一个应用程序,用户将为任意个人输入数据.每个人最多可以选择六个选项中的三个.我想知道如何在任何个人身上使用jquery强制最多三个选项.

这是一个示例代码

订户最多可以运行20个,例如subscriber_1,subscriber_2,… subscriber_20.我将非常感谢你的帮助.最佳答案您应该向订阅者div添加一个类,以便更容易附加事件处理程序：

并使用此jquery：

$('.subscriber :checkBox').change(function () {    var $cs = $(this).closest('.subscriber').find(':checkBox:checked');    if ($cs.length > 3) {        this.checked = false;    }});

jsFiddle Demo

说明：在这些复选框的更改事件中,我们查找具有类.subscriber的最近父级.我们在这个div中得到了选中的复选框.如果有超过3个(当前已检查的那个也计数),我们取消选中当前的一个.

如果您当然不想添加类,则可以使用此选择器：

$('[ID^="subscriber_"] :checkBox')...

这被称为Attribute Starts With Selector. 总结

以上是内存溢出为你收集整理的jquery – 分组复选框,允许每组最多检查三个全部内容，希望文章能够帮你解决jquery – 分组复选框,允许每组最多检查三个所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。