Question

我有一个select / unselect all复选框脚本，如果我选中一个特定的复选框，则会选中所有复选框。但是我希望它在部分内部工作，因此只有部分1中的复选框会受到该部分中的check all复选框的影响。甚至id也会起作用。只是影响同一部分标签中的复选框的任何方式。

当前脚本：

$("#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 个答案: