<%@ 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元素。...