<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>国际学生</title>
<link rel="stylesheet" type="text/css" href="/jywstjxt/admin/static/admin/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="/jywstjxt/admin/static/admin/css/admin.css" />
<%Integer count =(Integer)request.getAttribute("count");
int zys= count%8!=0?count/8+1:count/8;
String star = (String)request.getAttribute("star");
String xsxm =(String)request.getAttribute("xsxm");
String gb =(String)request.getAttribute("gb");
String xxqc =(String)request.getAttribute("xxqc");
%>
<style>
一下样式因为框架使用到了layui样式，所以自己添加的checkbox不起作用，需要注释掉原来的，
启用自己的
.layui-form input[type=checkbox], .layui-form input[type=radio], .layui-form select {
display: block;
}
.layui-form-checkbox {
position: relative;
height: 30px;
line-height: 28px;
margin-right: 10px;
padding-right: 30px;
border: 1px solid #d2d2d2;
cursor: pointer;
font-size: 0;
border-radius: 2px;
-webkit-transition: .1s linear;
transition: .1s linear;
box-sizing: border-box!important;
display: none;
}
</style>
</head>
<body>
<div class="wrap-container clearfix">
<div class="column-content-detail">
<form action="/jywstjxt/gjxs" method="post">
<div class="layui-form-item">
<div class="layui-inline tool-btn">
<a class="layui-btn layui-btn-small layui-btn-normal " onclick="location.href='/jywstjxt/gjxs_add'" title="添加"><i class="layui-icon" ></i></a>
</div>
<div class="layui-inline">
<input type="text" name="xsxm" placeholder="请输入学生姓名" autocomplete="off" class="layui-input" value="${xsxm }">
</div>
<div class="layui-inline">
<input type="text" name="gb" placeholder="请输入国别" autocomplete="off" class="layui-input" value="${gb }">
</div>
<div class="layui-inline">
<input type="text" name="xxqc" placeholder="请输入招收院校" autocomplete="off" class="layui-input" value="${xxqc }">
</div>
<!-- <button class="layui-btn layui-btn-normal" lay-submit="search">搜索</button> -->
<input type="submit" value="搜索" class="layui-btn layui-btn-normal">
<button class="layui-btn layui-btn-normal" onclick="cz()">重置</button>
<a class="layui-btn layui-btn-normal" onclick="dc()">导出</a>
<input type="file" id="file" name="myfile" style="display: none"/>
<input type="text" id="filename" style="display: none"/>
<a class="layui-btn layui-btn-normal" onclick="dr()">导入</a>
<a class="layui-btn layui-btn-normal" onclick="batchdelete()"> 删除</a>
</div>
</form>
<div class="layui-form" id="table-list" style="overflow: auto;">
<table class="layui-table" style="width: 200%;" lay-even lay-skin="nob">
<thead>
<tr>
<th><input type="checkbox" name="chkAll" size="10" onclick="chkAll_onclick(this)" /></th>
<th>护照号码</th>
<th>护照有效期</th>
<th>JW202表编号</th>
<th>学号</th>
<th>CSC登记号</th>
<th>州别</th>
<th>国别</th>
<th>姓名</th>
<th>性别</th>
<th>出生日期</th>
<th>专业</th>
<th>学科</th>
<th>来华日期</th>
<th>入专业日期</th>
<th>学校(全称)</th>
<th>在学地区</th>
<th>预计离校日期</th>
<th>学生类别</th>
<th>经费来源</th>
<th>学习状态</th>
<th>离校日期</th>
<th style="width: 86px;">操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${gjxs }" var="gjxs">
<tr>
<td ><input type="checkbox" name="chk" value="${gjxs.xsbh }" onclick="chk_onclick(this)"/></td>
<td class="hidden-xs">${gjxs.hzhm }</td>
<td class="hidden-xs">${gjxs.hzyxq }</td>
<td class="hidden-xs">${gjxs.jw202 }</td>
<td class="hidden-xs">${gjxs.xh }</td>
<td class="hidden-xs">${gjxs.gscdjh }</td>
<td class="hidden-xs">${gjxs.zb }</td>
<td class="hidden-xs">${gjxs.gb }</td>
<td class="hidden-xs">${gjxs.xsxm }</td>
<td class="hidden-xs">${gjxs.xb }</td>
<td class="hidden-xs">${gjxs.csrq }</td>
<td class="hidden-xs">${gjxs.zy }</td>
<td class="hidden-xs">${gjxs.xk }</td>
<td class="hidden-xs">${gjxs.lhrq }</td>
<td class="hidden-xs">${gjxs.rzyrq }</td>
<td class="hidden-xs">${gjxs.xxqc }</td>
<td class="hidden-xs">${gjxs.zxdq }</td>
<td class="hidden-xs">${gjxs.yjlxrq }</td>
<td class="hidden-xs">${gjxs.xslb }</td>
<td class="hidden-xs">${gjxs.jfly }</td>
<td class="hidden-xs">${gjxs.xxzt }</td>
<td class="hidden-xs">${gjxs.lxrq }</td>
<td>
<div class="layui-inline">
<button class="layui-btn layui-btn-small layui-btn-normal go-btn" data-id="1" onclick="edit(this)" title="修改" value="${gjxs.xsbh }"><i class="layui-icon"></i></button>
<button class="layui-btn layui-btn-small layui-btn-danger del-btn" data-id="1" onclick="del(this)" title="删除" value="${gjxs.xsbh }"><i class="layui-icon"></i></button>
</div>
</td>
</tr>
</c:forEach>
</tbody>
</table>
<div class="page-wrap">
<ul class="pagination">
<li class="disabled">
<a href="/jywstjxt/gjxs?star=1&xsxm=<%=xsxm%>">首页</a>
</li>
<%for(int i=1;i<=zys;i++){ %>
<li id="ys<%=i %>" onclick="blue(this)">
<a href="/jywstjxt/gjxs?star=<%=i%>&xsxm=<%=xsxm%>"><%=i %></a>
</li>
<%} %>
<li class="disabled">
<a href="/jywstjxt/gjxs?star=<%=zys %>&xsxm=<%=xsxm%>">末页</a>
</li>
</ul>
</div>
共${count }条数据
</div>
</div>
</div>
<script src="/jywstjxt/admin/static/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="/jywstjxt/admin/static/admin/js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="http://cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js"></script>
<script type="text/javascript">
//批量删除
function batchdelete(){
if(confirm("确定要删除吗？")){
var obj=document.getElementsByName('chk'); //选择所有name="'test'"的对象，返回数组
//取到对象数组后，我们来循环检测它是不是被选中
var s='';
for(var i=0; i<obj.length; i++){
if(obj[i].checked) s+=obj[i].value+','; //如果选中，将value添加到变量s中
}
//那么现在来检测s的值就知道选中的复选框的值了
//alert(s==''?'你还没有选择任何内容！':s);
if(s==''){
alert("你还没有选择任何内容！");
return;
}
location.href="/jywstjxt/gjxs_deleteAll?ids="+s;
}
}
//全选中
function chkAll_onclick(obj)
{
var chks = document.getElementsByName("chk");
for( var i = 0 ; i < chks.length ; i++ )
{
chks[i].checked = obj.checked;
}
}
//单个选中
function chk_onclick(obj)
{
var chks = document.getElementsByName("chk");
var chkAll=document.getElementsByName("chkAll");
if(obj.checked==false)
chkAll[0].checked=false;
else
{
var j=1;
for( var i = 0 ; i < chks.length ; i++ )
{
if(chks[i].checked==false)
{ j=2;
break;
}
}
if (j==1)
chkAll[0].checked=true;
}
}
</script>
</body>
</html>
javascript实现 checkbox全选和批量删除功能
猜你喜欢
转载自blog.csdn.net/u010460625/article/details/108977746
今日推荐
周排行