📄 jsppagination.txt
字号:
[初中级]jsp分页展现中使用脚本js实现增删改
在实际开发中客户往往为了操作的方便一般要求开发人员对数据的分页页面的增删改操作要作的比较友好和方便，下面是一种比较清晰和方便的页面增删改操作方式，此操作借助了js脚本！借助该脚本可以实现如下比较使用的功能：
一、可以同时对选中的一条或多条记录删除
二、可以实现全选和全部不选的操作
三、可以实现只对一条记录进行修改
代码如下：
<html>
<head>
<title>itfuture实战就业课堂</title>
<script> function check(aaa)
{
var aa=document.getElementsByName("a");
var m=0;
for(var i=0; i<aa.length; i++)
{
if(aa[i].checked){
alert('你选中了:'+aa[i].value); m=m+1;
}
}
if(aaa=='update')
{
if(m==0){
alert("必须选中一个");
}else if(m>1){
alert("修改不能多于两个必须选中一个");
}else{
form1.submit();
}
}else if(aaa=='delete'){
if(m==0) { alert("必须选中一个");
}else{
form1.submit();
}
}
}
function checkall() //选中或不选当前页面的所有信件
{
var aa=document.getElementsByName("a");
for(var i = 0; i <aa.length; i++)
aa[i].checked = form1.allbox.checked;
}
</script>
</head>
<body>
<form name="form1" action="aa.jsp">
<table border=1 align="center" width=760>
<tr>
<td>选择</td><td>编号</td><td>部门名称</td><td>部门编制</td><td>部门描述</td>
</tr>
<tr>
<td><input type="checkbox" name="a" value="1"></td><td>1</td><td>行政部</td><td>20</td><td>行政相关、、、</td>
</tr>
<tr>
<td> <input type="checkbox" name="a" value="2"></td><td>2</td><td>研发部</td><td>20</td><td>研发相关、、、</td>
</tr>
<tr>
<td><input type="checkbox" name="a" value="3"></td><td>3</td><td>人力资源部</td><td>20</td><td>人力资源相关、、</td>
</tr>
<tr>
<td> <input type="checkbox" name="a" value="4"></td><td>4</td><td>市场部</td><td>20</td><td>市场相关、、、</td>
</tr>
<tr>
<td> <input type="checkbox" name="a" value="5"></td><td>5</td><td>销售部</td><td>20</td><td>销售相关、、、</td>
</tr>
</table>
<p><input type="checkbox" name="allbox" value="Check All" onClick="checkall();">全部选中</p>
<p align="center">
<input name="button1" type="button" value="修改" onclick="check('update');">
<input name="button2" type="button" value="删除" onclick="check('delete');">
</p>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -