jq 实现全选反选

  $(function () {
        //实现全选反选
        $("#chk_all_normal").on(‘click‘, function () {
            $("input[name=‘chk_list_normal‘]").prop("checked", $(this).prop(‘checked‘));
        })
        $("input[name=‘chk_list_normal‘]").on(‘click‘, function () {
            //当选中的长度等于checkbox的长度的时候,就让控制全选反选的checkbox设置为选中,否则就为未选中
            if ($("input[name=‘chk_list_normal‘]").length === $("input[name=‘chk_list_normal‘]:checked").length) {
                $("#chk_all_normal").prop("checked", true);
            } else {
                $("#chk_all_normal").prop("checked", false);
            }
        })

        //一般项目实现全选
        //实现全选反选
        $("#chk_all").on(‘click‘, function () {
            $("input[name=‘chk_list‘]").prop("checked", $(this).prop(‘checked‘));
        })
        $("input[name=‘chk_list‘]").on(‘click‘, function () {
            //当选中的长度等于checkbox的长度的时候,就让控制全选反选的checkbox设置为选中,否则就为未选中
            if ($("input[name=‘chk_list‘]").length === $("input[name=‘chk_list‘]:checked").length) {
                $("#chk_all").prop("checked", true);
            } else {
                $("#chk_all").prop("checked", false);
            }
        })
    })

<div class="row ">
    <div class="col">
        <label>主控项目：</label>

    </div>
</div>

<div class="row ">
    <div class="col">
        <ul class="list-group">
            <li class="list-group-item"> <input type="checkbox" name="chk_list" class="form-check-input">1地基承载力</li>
            <li class="list-group-item"><input type="checkbox" name="chk_list" class="form-check-input">2配合比</li>
            <li class="list-group-item"><input type="checkbox" name="chk_list" class="form-check-input">3压实系数</li>
            <li class="list-group-item"><input type="checkbox" name="chk_all" id="chk_all"  class="form-check-input">全选</li>
        </ul>
    </div>
</div>

<div class="row">
    <div class="col">
        <label>一般项目：</label>

    </div>

</div>
<div class="row ">
    <div class="col">
        <ul class="list-group">
            <li class="list-group-item"> <input type="checkbox" name="chk_list_normal" class="form-check-input">1石灰粒径（mm）</li>
            <li class="list-group-item"><input type="checkbox" name="chk_list_normal" class="form-check-input">2土料有机含量（%）</li>
            <li class="list-group-item"><input type="checkbox" name="chk_list_normal" class="form-check-input">3土颗粒粒</li>
            <li class="list-group-item"><input type="checkbox" name="chk_all_normal" id="chk_all_normal" class="form-check-input">全选</li>
        </ul>
    </div>
</div>