选中 6 个复选框时禁用复选框 - 页面上带有复选框组的多个表单

发布于 2024-11-07 14:50:44 字数 398 浏览 0 评论 0原文

我在一个页面上有多个表单，每个表单中有 30 个左右的复选框（表单的数量根据用户上传的情况而变化）。当选中 6 个复选框时，我需要对其进行设置，而未选中的复选框组中的其余部分将被禁用。

我可以非常简单地用一种表单来完成此操作，例如：

$("input:checkbox").click(function() {
      var cbk = $("input:checkbox:checked").length >= 6;    
     $("input:checkbox").not(":checked").attr("disabled",cbk);

    });

但这最终会禁用所有表单的复选框。一直在尝试寻找不同的方法来解决这个问题，但运气不佳。感谢任何和所有的帮助。谢谢。

原文

I have multiple forms on a page, each have 30 or so checkboxes in them (the amount of forms varies depending upon the user upload). I need to have it setup when 6 checkboxes are checked the rest in that group of checkboxes that are not checked are disabled.

I can sort out doing so with one form pretty simply -- something like:

$("input:checkbox").click(function() {
      var cbk = $("input:checkbox:checked").length >= 6;    
     $("input:checkbox").not(":checked").attr("disabled",cbk);

    });

But this ends up disabling the checkboxes for ALL the forms. Been trying to find different ways to sort this out but not having much luck. Any and all help is appreciated. Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

怪我闹别瞎闹 2024-11-14 14:50:44

请尝试这个：

$("input:checkbox").click(function() {
      var frm = $(this).closest("form").attr("id");//getting the id of nearest form
      var cbk = $("#" + frm + " input:checkbox:checked").length >= 6;    
     $("#" + frm + " input:checkbox").not(":checked").attr("disabled",cbk);

    });

逻辑是：找到被单击的复选框所在的表单。并使用该表单作为过滤器。

华泰

Please try this:

$("input:checkbox").click(function() {
      var frm = $(this).closest("form").attr("id");//getting the id of nearest form
      var cbk = $("#" + frm + " input:checkbox:checked").length >= 6;    
     $("#" + frm + " input:checkbox").not(":checked").attr("disabled",cbk);

    });

logic is: Find the form in which that checkbox that was clicked resides. And use that form as a filter.

HTH

回复收藏 0 原文

~没有更多了~