霜天部落 | 专注PHP研发,研究LAMP高性能架构部署与优化

一行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">1<br>
<input type="checkbox">2<br>
<input type="checkbox">3<br>
<input type="checkbox">4<br>
<input type="checkbox">5<br>
<input type="checkbox">6<br>
</div>