如何使JavaScript僅影響某個div中的元素？

Question

我有一個選擇/取消選擇所有復選框的腳本，如果我選中一個特定的復選框，將選中所有復選框。 但是我希望它能在各節中工作，因此只有第1節中的復選框會受到該節中所有復選框的影響。 甚至id都可以。 以任何方式僅影響同一section標記中的復選框。

當前腳本：

$("#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