javascript全选效果

最新推荐文章于 2022-12-13 22:34:38 发布

kjma

最新推荐文章于 2022-12-13 22:34:38 发布

阅读量295

点赞数

分类专栏： java javascript 文章标签： javascript class input button stylesheet border

本文链接：https://blog.csdn.net/mkj414370365/article/details/7207971

版权

java 同时被 2 个专栏收录

41 篇文章 0 订阅

订阅专栏

javascript

4 篇文章 0 订阅

订阅专栏

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <title>角色管理 - 分配权限</title>
<link rel="stylesheet" type="text/css" href="../html/css/style.css" >
    <script src="../html/script/common.js" ></script>
</head>

<body class="main">
<form method="post" action="role_doUpdateRight.action">
<div class="page_title">角色管理 > 分配权限</div>
<div class="button_bar">
  <button class="common_button" οnclick="javascript:history.go(-1);">返回</button>
  <button class="common_button" οnclick="submit()">保存</button>
</div>
  <table class="query_form_table" border="0" cellPadding="3" cellSpacing="0">
   <tr>
    <th class="input_title" width="10%">角色名</th>
    <td class="input_content" width="20%">
     ${requestScope.role.roleName } 
    </td>
    <th class="input_title" width="10%">角色描述</th>
    <td class="input_content" width="20%">
     ${requestScope.role.roleDesc } 
    </td>
    <th class="input_title" width="10%">状态</th>
    <td class="input_content" width="20%">
     ${requestScope.role.roleFlagStr } 
    </td>
   </tr>
   <tr>
    <th class="input_title" valign="top" >权限</th>
    <td class="input_content" colspan="5" valign="top">

   <c:forEach var="rr" items="${requestScope.roleRights}">
    <div>
     <c:if test="${rr.rightCodeLength > 3 }">    </c:if>          
     ${rr.rightText }
     <input name="selectedRightCodes" οnclick="checkAll(this)" type="checkbox" ${rr.isSelected } value="${rr.rightCode }" />
    </div>
   </c:forEach>
    </td>
   </tr>
  </table>
</form>
</body>
</html>
<script language="javascript" type="text/javascript">
   function checkAll(box)
   {
      var ss = document.getElementsByName("selectedRightCodes");
      var cc = box.value;
      if(cc.length==3)
      {
         for (var i=0 ;i<ss.length ; i++)
         {
            if(ss[i].value.substring(0,3)==cc)
            {
              ss[i].checked=box.checked;
            }
         }
      }
      else
      {
         var b=0;
         for (var i=0 ;i<ss.length ; i++)
         {

            if(ss[i].value.substring(0,3)==cc.substring(0,3) && ss[i].value.length!=3)
            {
              if(ss[i].checked)
              {
                b++;
              }
            }
         }
         var k=0;
         for (var i=0 ;i<ss.length ; i++)
         {
            if(ss[i].value==cc.substring(0,3))
            {
              k=i;
              break;
            }
         }
         if(b>0)
         {
            ss[k].checked=true;
         }

      }
   }