js的复选框的全选、反选、展开、收缩

最新推荐文章于 2022-07-22 13:53:01 发布

ch469299503

最新推荐文章于 2022-07-22 13:53:01 发布

阅读量1.4k

点赞数

分类专栏： javascript 文章标签： stylesheet function button border object string

本文链接：https://blog.csdn.net/ch469299503/article/details/7872227

版权

javascript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'js9.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<script type="text/javascript">
  function checkAll(object)
  {
  var selectAll = document.getElementsByName('cb');
   if(object.checked)
   {
    for(var i = 0; i < selectAll.length; i++)
    {
     selectAll[i].checked = true;
    }
   }
   else
   {
    for(var i = 0; i < selectAll.length; i++)
    {
     selectAll[i].checked = false;
    }
   }
  }

function selectNo()
{

  var a = document.getElementsByName("test")[0];
  var b = document.getElementById("t");


  if(a.value == '收缩')
  {
   b.style.display = "none";
   a.value = "展开";
   return ;
  }
  else
  {
   b.style.display = "block";
   a.value = "收缩";
  }


}

//反选
function checkFx(object)
{
  var fx = document.getElementsByName("cb");
  var count = 0;
  for(var i = 0; i < fx.length; i++)
  {
   if(fx[i].checked)
   {
    count++;
   }
  }
  if(count == 0)
  {
   alert("对不起，你未选择任何对象");
   document.getElementsByName("fx")[0].checked = false;
   return;
  }
  for(var i = 0; i < fx.length; i++)
  {
   if(fx[i].checked)
   {
    fx[i].checked = false;
   }
   else
   {
    fx[i].checked = true;
   }
  }
}
</script>
</head>

<body>
<table border="1 solid red" width="80%" align="center">
<tr>
    <td><input type="checkbox" οnclick="checkAll(this)" name="qx">全选</td><td><input type="button" value="收缩" οnclick="selectNo();" name="test"></td>
<td><input type="checkbox" οnclick="checkFx(this)" name="fx">反选
</tr>

</table>

   <%

     int num = Integer.parseInt(request.getParameter("num"));
    %>

    <table border="1 solid red" width="80%" id="t" align="center">
    <%
    for(int i = 0; i < num ;i++){

    %>
<tr>
   <td><input type="checkbox" name="cb"></td><td><%=i %></td>
</tr>
<% }%>
</table>
<br/>

<input type="button" name="te" value="曹欢">
   <script type="text/javascript">
   document.getElementsByName('te')[0].onclick = function()
   {
    alert(document.getElementsByName('te')[0].value);
   }

</script>
</body>
</html>

ch469299503

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js的复选框的全选、反选、展开、收缩

String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> My JSP 'js9.jsp' start
复制链接

扫一扫