一行jQuery代码搞定checkbox 全选和全不选

在网站建设中；

让复选框全部选中和全部取消是比较常用的；

下面就介绍如何用一句话搞定全选功能；

其实很简单；

JavaScript部分：

function checkAll(obj){
    $("#box input[type='checkbox']").prop('checked', $(obj).prop('checked'));
}

html部分： 

<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>