如何使JavaScript仅影响某个div中的元素？

Question

I have a select / unselect all checkboxes script, where if I check a specific checkbox, all checkboxes will be selected. 我有一个选择/取消选择所有复选框的脚本，如果我选中一个特定的复选框，将选中所有复选框。 But I want it to work within sections, so only the checkboxes within section 1 will be affected by the check all checkbox within that section. 但是我希望它能在各节中工作，因此只有第1节中的复选框会受到该节中所有复选框的影响。 Even id's would work. 甚至id都可以。 just any way to affect only the checkboxes in the same section tag. 以任何方式仅影响同一section标记中的复选框。

Current script: 当前脚本：

$("#DE-all-checkboxes").change(function () {
    $("input:checkbox").prop('checked', $(this).prop("checked"));
});

Answer 1

<html>
    <head>
        <script
              src="https://code.jquery.com/jquery-3.1.1.min.js"
              integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
              crossorigin="anonymous"></script>

    </head>
    <body>
    Check Uncheck All In Section 1 <input id="DE-all-checkboxes" type="checkbox"/>          
        <div id="section1"> 
            Section 1:
            <input type="checkbox"/>
            <input type="checkbox"/>
            <input type="checkbox"/>
            <input type="checkbox"/>
            <input type="checkbox"/>
        </div>
        <div id="section2">         
            Section 2:
            <input type="checkbox"/>
            <input type="checkbox"/>
            <input type="checkbox"/>
            <input type="checkbox"/>
            <input type="checkbox"/>
        </div>
        <script>
            $("#DE-all-checkboxes").change(function () {            
                $("#section1 > input:checkbox").prop('checked', $(this).prop("checked"));
            });
        </script>
    </body>
</html>

如何使JavaScript仅影响某个div中的元素？

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-01-07 13:14:54

如何使JavaScript仅影响某个div中的元素？

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-01-07 13:14:54

解决方案1
0 已采纳 2017-01-07 13:14:54