ok.jsp(增删查改)
2016-06-19 21:53
309 查看
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
OK
<a href="${pageContext.request.contextPath}/index_cdAddPage.action">添加</a>
<input type="button" value="删除" onclick="doDelete()">
<a href="#" onclick="updateProd()">修改</a>
<table>
<tr>
<th>序号</th>
<th>姓名</th>
<th>班级</th>
<!-- <td><a href="#" onclick="selOrUnSel(this)">全选</a></td>
<input type="button" id="othercheck" value="反选"/>-->
<td><a href="#" onclick="SelectAll()">全选/反选</a></td>
</tr>
<s:iterator value="#request.list" var="s">
<tr>
<td>${s.id}</td><!-- <s:property value="id"/> -->
<td>${s.name}</td><!--<s:property value="s.name"/> -->
<td>${s.className}</td><!-- -->
<!-- <td>
<input type="checkbox" id="seltId" value="?????????????"/>
</td> -->
<td><input name="checkboxid" type="checkbox" value="${s.id}"></td>
</tr>
</s:iterator>
</table>
<script type="text/javascript">
function SelectAll() {
var checkboxs=document.getElementsByName("checkboxid");
for (var i=0;i<checkboxs.length;i++) {
var e=checkboxs[i];
e.checked=!e.checked;
/* if(e.checked==true){
e.checked=false;
}
else{
e.checked=true
}*/
}
}
function selOrUnSel(obj){
if(obj.innerText=="全选"){
obj.innerText="全不选";
$(":checkbox").attr("checked",true);
}else{
obj.innerText="全选";
$(":checkbox").attr("checked",false);
}
}
function doDelete(){
if(confirm("你确定要删除吗?")){
var param=$(":checkbox:checked").serialize();
location.href="index_deleteStudents?"+param;
}
}
function updateProd(){
var obj=$(":checkbox:checked");
if(obj.length==0){
alert("请选择要修改的");
return;
}
if(obj.length>1){
alert("一次只能修改一个");
return;
}
location.href="index_cdUpdatePage.action?checkboxid="+obj[0].value;
}
</script>
</body>
</html>
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
OK
<a href="${pageContext.request.contextPath}/index_cdAddPage.action">添加</a>
<input type="button" value="删除" onclick="doDelete()">
<a href="#" onclick="updateProd()">修改</a>
<table>
<tr>
<th>序号</th>
<th>姓名</th>
<th>班级</th>
<!-- <td><a href="#" onclick="selOrUnSel(this)">全选</a></td>
<input type="button" id="othercheck" value="反选"/>-->
<td><a href="#" onclick="SelectAll()">全选/反选</a></td>
</tr>
<s:iterator value="#request.list" var="s">
<tr>
<td>${s.id}</td><!-- <s:property value="id"/> -->
<td>${s.name}</td><!--<s:property value="s.name"/> -->
<td>${s.className}</td><!-- -->
<!-- <td>
<input type="checkbox" id="seltId" value="?????????????"/>
</td> -->
<td><input name="checkboxid" type="checkbox" value="${s.id}"></td>
</tr>
</s:iterator>
</table>
<script type="text/javascript">
function SelectAll() {
var checkboxs=document.getElementsByName("checkboxid");
for (var i=0;i<checkboxs.length;i++) {
var e=checkboxs[i];
e.checked=!e.checked;
/* if(e.checked==true){
e.checked=false;
}
else{
e.checked=true
}*/
}
}
function selOrUnSel(obj){
if(obj.innerText=="全选"){
obj.innerText="全不选";
$(":checkbox").attr("checked",true);
}else{
obj.innerText="全选";
$(":checkbox").attr("checked",false);
}
}
function doDelete(){
if(confirm("你确定要删除吗?")){
var param=$(":checkbox:checked").serialize();
location.href="index_deleteStudents?"+param;
}
}
function updateProd(){
var obj=$(":checkbox:checked");
if(obj.length==0){
alert("请选择要修改的");
return;
}
if(obj.length>1){
alert("一次只能修改一个");
return;
}
location.href="index_cdUpdatePage.action?checkboxid="+obj[0].value;
}
</script>
</body>
</html>
相关文章推荐
- JavaScript的写类方式
- JSP页面的生命周期
- JS正则表达式元字符
- 指针在javascript的使用方式
- js快速去除数组重复项
- JSP页面的基本元素
- js插件 $.extend()与$.fn.extend() 基础
- cojs QAQ的序列 解题报告
- jsp与servlet的关系
- JavaScript对象的创建和继承实现
- 分享一些前端开发中最常用的JS代码片段~ 干货~
- js笔记
- js省市县联动
- JavaScript 模块化七日谈
- js自动触发事件
- 简单选择排序-JS代码实现
- 超链接中的javascript:void(0)问题
- 超链接中的javascript:void(0)问题
- 超链接中的javascript:void(0)问题
- 超链接中的javascript:void(0)问题