复选框全选反选

最新推荐文章于 2025-03-15 16:00:51 发布

原创最新推荐文章于 2025-03-15 16:00:51 发布 · 172 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JSP #CSS #Cache #JavaScript #HTML #ViewUI

jsp技术专栏收录该内容

3 篇文章

订阅专栏

//复选框全选反选

<%@ 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 'CheckBox.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 notEmpty()
  {
   var cb=document.chartForm.a;
   //选择了一个以上的复选框
   if(cb.length)
   {
    for(var i=0;i<cb.length;i++)
    {
     if(cb[i].checked)
     {
      return true;
     }
    }
    alert("请选择你提交的内容！2");
    return false;
   }
   else
   {
    //只选择了一个复选框
    if(cb[i].checked)
    {
     return true;
    }
    else
    {
     alert("请选择你提交的内容！3");
     return false;
    }
   }
  }
function selectAll(obj)
{
  for(var i=0;i<obj.elements.length;i++)
  {
   if(obj.elements[i].type=="checkbox")
   {
    obj.elements[i].checked=true;
   }
  }
}
function selectOther(obj)
{
  for(var i=0;i<obj.elements.length;i++)
  {
   if(obj.elements[i].type=="checkbox")
   {
    if(!obj.elements[i].checked)
    {
     obj.elements[i].checked=true;
    }
    else
    {
     obj.elements[i].checked=false;
    }
   }
  }
}
</script>
</head>
<body>
  <form action="<%=request.getContextPath()%>/jsp/Result.jsp"
   name="chartForm" method="post">
   <table>
    <tr>
     <td>
      <input type="checkbox" name="a" value="1">
      <input type="checkbox" name="a" value="2">
      <input type="checkbox" name="a" value="3">
      <input type="checkbox" name="a" value="4">
      <input type="checkbox" name="a" value="5">
      <input type="checkbox" name="a" value="6">
     </td>
     <td>
      <input type="button" value="全选"
       onclick="selectAll(document.chartForm)">
      <input type="button" value="反选"
       onclick="selectOther(document.chartForm)">
      <input type="submit" value="确定" onclick="return notEmpty();">
      <input type="reset" value="取消">
     </td>
    </tr>
   </table>
  </form>
</body>
</html>