<%@ 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 'end.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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
var value = <%= request.getParameter("number")%>;
alert(value);
function checkAll()
{
var s = document.getElementsByName("check");
var m = document.getElementsByName("all")[0];
if(m.checked)
{
for(var i = 0; i < s.length; i++)
{
s[i].checked = true;
}
}
else
{
for(var i = 0; i < s.length; i++)
{
s[i].checked = false;
}
}
}
function turn()
{
with(document)
{
var m = getElementById("change");
var n = getElementById("table");
if(m.value == "收缩")
{
n.style.display = "none";
m.value = "展开";
}
else
{
n.style.display = "block";
m.value = "收缩";
}
}
}
</script>
</head>
<body>
<table border="1" align="center" width="60%">
<tr>
<td>
<input type="checkbox" name="all" onclick="checkAll();">全选
</td>
<td>
<input type="button" value="收缩" id="change" onclick="turn();">
</td>
</tr>
</table>
<% int number = Integer.parseInt(request.getParameter("number")); %>
<table border="1" align="center" width="60%" id="table">
<% for(int i = 1; i <= number; i++)
{%>
<tr>
<td>
<input type="checkbox" name="check">
</td>
<td>
<%= i %>
</td>
</tr>
<%} %>
</table>
</body>
</html>
分享到：
相关推荐
在JavaScript编程中，"全选反选"功能是常见的用户交互设计，常见于表格或列表数据的批量操作中。这个功能允许用户一键选择或取消选择所有项目，极大地提高了操作效率。下面将详细介绍如何使用JavaScript来实现这个...
JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选
在JavaScript编程中，“全选”和“全不选”功能是常见的用户交互设计，尤其在数据列表或表格中，用户通常需要快速选择或取消选择所有项目。这些功能可以通过简单的JavaScript代码实现，通常与HTML的复选框（checkbox...
javascript 复选框全选，复选框全选，复选框全选
在JavaScript编程中，全选和反选功能是常见的交互操作，尤其在网页表格或列表中。这个主题涉及到了DOM操作、事件处理以及数组方法。下面将详细解释如何使用JavaScript实现全选和反选功能。 首先，我们需要理解...
javascript 实现 TreeView全选（实现子节点全选，中父节点自动全选）
### JavaScript 实现复选框全选/取消功能 在网页开发中，经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能，并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...
在学习和实现Vue多级复杂列表的展开/折叠及全选/分组全选功能时，我们需要关注一些关键技术和实现方法。首先，我们要了解如何构建数据结构，这是展示列表的基础。然后，我们需要掌握如何通过数据驱动的方式初始化...
自用 勿下！！勿下！！勿下！！勿下！！勿下！！勿下！！勿下！！勿下！！勿下！！勿下！！勿下！！勿下！！
在JavaScript（JS）中，全选效果是一种常见的用户交互功能，尤其在网页表格或列表中。这个功能允许用户通过单击一个按钮或链接来选择所有可选项目，或者取消已选中的所有项。这里我们将详细探讨如何使用JavaScript...
### JavaScript全选功能详解 #### 一、引言 在Web开发中，表格或列表中的数据经常需要进行批量操作，例如批量删除、批量修改状态等。此时，全选功能便显得尤为重要。它不仅可以提高用户体验，还能简化前端逻辑，...
在本文中，我们将深入探讨如何使用JavaScript和jQuery来实现全选功能，并且会详细解析全选、反选以及单个选择等操作的具体实现方法。同时，我们也会对比这两种技术实现方式的不同之处及其适用场景。 ### 一、...
在这篇文章中，我们主要探讨了如何使用JavaScript来实现全选和取消全选的功能，这对于开发涉及表格和复选框选择操作的网页应用非常有用。文章首先从一个简单的HTML结构开始，然后通过CSS和JavaScript代码来实现全选...
javascript实现全选全不选的功能
用javascript编译的全选按钮制作javascript脚本.html
JavaScript 关于checkBox 全选 单选 RadioButton 全选 单选 制定用户选中页面控件；等......
<script language=javascript> function checkAll(boolvalue){ var items=document.getElementsByTagName("input"); for(i=0;i;i++){ if(items[i].type=="checkbox"){ items[i].checked=boolvalue; } } } ...
### JavaScript中CheckBox全选终极方案 #### 概述 在Web开发中，CheckBox的应用非常广泛，尤其是在表单处理和用户交互方面。一个常见的需求就是在页面上实现CheckBox的全选功能，以便用户能方便地对一组复选框进行...
这个"JavaScript案例-js全选和全不选.zip"压缩包文件聚焦于一个常见的交互功能：全选和全不选。在网页表单或数据列表中，用户经常需要一次性选择所有项或取消所有项的选择，这一功能就通过JavaScript来实现。 全选...
本教程将深入讲解如何使用JavaScript实现复选框的全选和全不选功能，让您的网页交互体验更加友好。我们将探讨以下几个核心知识点： 1. **DOM操作**：JavaScript通过Document Object Model (DOM)来操作HTML元素。...