使用Jquery选中列表中的所有复选框

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

<ul id="checkbox-list">
  <li><input type="checkbox" class="checkbox">选项1</li>
  <li><input type="checkbox" class="checkbox">选项2</li>
  <li><input type="checkbox" class="checkbox">选项3</li>
  <li><input type="checkbox" class="checkbox">选项4</li>
</ul>

$(document).ready(function() {
  // 选中所有的复选框
  $("#checkbox-list .checkbox").prop("checked", true);
});

$(document).ready(function() {
  // 取消选中所有的复选框
  $("#checkbox-list .checkbox").prop("checked", false);
});