すべてのチェックボックススクリプトを選択/選択解除しています。特定のチェックボックスをオンにすると、すべてのチェックボックスが選択されます。しかし、セクション内で動作するようにしたいので、セクション1内のチェックボックスだけが、そのセクション内のチェックボックスのチェックボックスの影響を受けます。 idでもうまくいく。同じセクションタグ内のチェックボックスのみに影響を与える方法です。JavaScriptを特定のdiv内の要素にのみ適用させるにはどうすればよいですか？
現在のスクリプト：
$("#DE-all-checkboxes").change(function() {
$("input:checkbox").prop('checked', $(this).prop("checked"));
});
<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>
は[とても気に入りましたか？] HTMLコード – ricky
を表示（https://jsfiddle.net/9ukgw44n/1/） – Teemu