全选和全不选

<input type="checkbox" name="checkid" value="全选" id="checkid" onclick="checkBox(this)" />

// 复选框
function checkBox(obj){
    
    var input = document.getElementsByName("goods_id[]");
    var length = input.length;
    if(obj.checked==true){
        for(i=0;i<=length;i++){
            input[i].checked = true;    
        }
    }else{
        for(i=0;i<=length;i++){
            input[i].checked = false;    
        }    
    }
}

 

方法二

<div id="box">
    <input type="checkbox" onclick='checkAll(this)'>全选<br><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
</div>
<script type="text/javascript" src="jquery-3.2.1.min.js">
</script>
<script type="text/javascript">
     function checkAll(obj){
        $("#box input[type='checkbox']").prop('checked', $(obj).prop('checked'));
}

</script>