在网站建设中;
让复选框全部选中和全部取消是比较常用的;
下面就介绍如何用一句话搞定全选功能;
其实很简单;
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>