【问题标题】:Uncheck all (auto generated) checkboxes取消选中所有(自动生成的)复选框
【发布时间】:2014-01-19 02:04:22
【问题描述】:
  • 我有一个包含 10-25 个复选框的页面,供用户选择。
  • 复选框名称和值对于每个用户/选择都是唯一的,并在后端进行适当处理。
  • 那么,在不依赖这两个属性的情况下,是否可以创建一个简单的“取消选中所有”按钮来取消选中所有选中的复选框?

我想用id属性就可以了,我可以在模板中加一个。

页面是用 HTML 和 JQuery 2.0.3 构建的

这是一个示例复选框:

<input type="checkbox" name="10953734" value="82S1X93">

【问题讨论】:

    标签: javascript jquery html checkbox


    【解决方案1】:

    这里有一个小 jQuery 来解决你的问题。

     $("input[name='10953734']").prop("checked", false);
    

    或者如果你想取消选中容器内的所有复选框

     $("#containerID input[type='checkbox']").prop("checked", false);
    

    【讨论】:

    • 第一个复选框是唯一的。我需要考虑所有复选框,而不依赖于名称/值属性。我将尝试您的第二段代码并立即报告。
    • 我添加了一个代码,允许您将复选框分组到一个容器中,这样您就可以拥有一个范围,其中所有复选框都将被取消选中。
    • @EricMuller,如果它解决了您的问题,请不要忘记将其标记为答案 :) 谢谢 :)
    【解决方案2】:

    为它们添加一个类:

    $("input.myClass").prop("checked", false);
    

    【讨论】:

    • OP 在他的输入中不包含一个类。
    • 正确。他确实提到他可以为他们添加一个 ID,所以添加一个类似乎是类似的努力。这也允许在多个表单中进行更有效的选择。
    • 但是为什么要这样做呢?如果你可以只使用父子选择器?
    • 为什么仅限于一位家长?如果您有三个跨多个页面使用此行为的表单,则可以解决所有问题,而不必使用三个不同的选择器。此外,这将防止取消选中任何其他复选框。
    猜你喜欢
    • 2011-06-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多