js全选 不选 简单写法

 // 全选不选
        $("#allChecked").on("click",function () {
            var checkedState = $(this).prop("checked"); // 全选按钮的选中状态
            $(".item-checked").prop("checked",checkedState) // 全选和全不选 跟全选的选中状态一样
        })

 

html

<div><input type='checkbox' id='allChecked'>多选</div>
<ul>
    <li>
        <input type='checkbox' class='item-checked'>1
    </li>
  <li>
        <input type='checkbox' class='item-checked'>2
    </li>
  <li>
        <input type='checkbox' class='item-checked'>3
    </li>
  <li>
        <input type='checkbox' class='item-checked'>4
    </li>
</ul>