首页 > 代码库 > 全选、反选
全选、反选
<tr bgcolor="#FFFFFF"> <td width="18%" height="30" align="center">资源名称</td> <td width="82%" colspan="3"> <input type="checkbox" id="all">全选 <input type="checkbox" id="reverse">反选 </td> </tr> <tr bgcolor="#FFFFFF"> <td width="18%" height="30" align="center"> </td> <td width="82%" colspan="3"> <c:if test="${resources != null}"> <c:forEach items="${resources}" var="resource"> <c:forEach items="${role.resources}" var="r"> <c:if test="${r.uuid == resource.uuid}"> <input type="checkbox" name="resourceUuids" value="${resource.uuid}" checked>${resource.name} <c:set value="${r.uuid}" var="uid"/> </c:if> </c:forEach> <c:if test="${uid != resource.uuid}"> <input type="checkbox" name="resourceUuids" value="${resource.uuid}">${resource.name} </c:if> </c:forEach> </c:if> </td> </tr>
<script type="text/javascript"> $(function () { //全选 $("#all").click(function () { var flag = $(this).attr("checked"); $("[name=resourceUuids]").attr("checked",flag == "checked"); }); //反选 $("#reverse").click(function () { $("[name=resourceUuids]").each(function () { var flag = $(this).attr("checked"); $(this).attr("checked",!(flag == "checked")); }) var Flag = true; $("[name=resourceUuids]").each(function () { var flag = $(this).attr("checked") == "checked"; Flag = Flag && flag; }) $("#all").attr("checked",Flag); }); //绑定组件 $("[name=resourceUuids]").click(function () { var Flag = true; $("[name=resourceUuids]").each(function () { var flag = $(this).attr("checked") == "checked"; Flag = Flag && flag; }) $("#all").attr("checked",Flag); }); }); </script>
全选、反选
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。