龙空技术网

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

三木益达 1517

前言:

此刻咱们对“js复选框全选”大致比较珍视,兄弟们都想要剖析一些“js复选框全选”的相关资讯。那么小编在网摘上汇集了一些关于“js复选框全选””的相关知识,希望你们能喜欢,看官们快快来学习一下吧!

在网站建设中;

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

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

其实很简单;

代码在下面;

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>

标签: #js复选框全选