```
<%@ page language="java" import="test_package
.*" import="java
.util
.*" import="java
.sql
.*" contentType="text/html; charset=UTF
-8"
pageEncoding="UTF
-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF
-8">
<title>Insert title here</title>
<link r
el="stylesheet" href="
../style/certificate
.css">
</head>
<body>
<%
List<test_information> list = (List<test_information>)session
.getAttribute("date");
%>
<div class = "tit">查看凭证</div>
<div class = "Ribbon">
<table>
<tr>
<td style="white
-space: nowrap;">
<!
-- 按钮1
-->
<input type="button" value="传统记账" class="R_button">
<!
-- 表单2
- 导出
-->
<form action="" class="inline
-form">
<input type="submit" value="导出" class="R_button">
</form>
<!
-- 表单3
- 打印
-->
<form id="printForm" action="white
.jsp" method="post" class="inline
-form">
<input type="hidden" id="s
electedT
elsHiddenFi
eld" name="t
elsToPrint">
<input type="submit" value="打印" onclick="return submitS
electedT
els();" class="R_button">
</form>
<!
-- 按钮4
-->
<input type="button" value="模板" onclick="template
.show()" class="R_button">
</td>
<td>
<input type = "text" name = "search_name">
<input type = "button" value = "搜索">
</td>
</tr>
</table>
</div>
<div class="body">
<table class="cer" >
<% for(test_information news:list) { %>
<!
-- 将每条记录分为两列展示
-->
<tr>
<td class="zero_box">
<input type="
checkbox" name="s
electedT
els" value="<%=news
.getT
el()%>" onchange="updateS
election(this)" style = "zoom : 300%">
</td>
<td class="first_box">
<%= news
.getMaterial() %> <br/>
<%= news
.getStart_time() %>
</td>
<td class="second_box">
<%= news
.getWashing_method() %> <br/>
<%= news
.getPrice() %>
</td>
<td class="third_box">
<form action ="">
<input name = "id" value ="<%=news
.getT
el() %>" type = "hidden">
<input type ="submit" class = "func_button" value = "税费" ><br>
<input type ="submit" class = "func_button" value = "查看凭证" ><br>
<input type ="submit" class = "func_button" value = "删除凭证" >
</form>
<br/>
</td>
</tr>
<% } %>
</table>
<div style="display:none;" id="printArea"></div>
</div>
<script>
let s
electedT
elsArray = [];
function updateS
election(
el) {
if (
el.checked && !s
electedT
elsArray
.includes(
el.value)) {
// 如果当前被选中，则加入集合
s
electedT
elsArray
.push(
el.value);
}
else {
// 否则移除该元素
const indexToRemove = s
electedT
elsArray
.indexOf(
el.value);
if (indexToRemove !==
-1) {
s
electedT
elsArray
.splice(indexToRemove, 1);
}
}
console
.log(s
electedT
elsArray); // 输出调试信息
}
// 提交之前
设置 hidden fi
eld 的值
function submitS
electedT
els() {
document
.get
ElementById('s
electedT
elsHiddenFi
eld')
.value =
JSON
.stringify(s
electedT
elsArray);
return true;
}
</script>
</body>
</html>```为什么搜索框
和搜索按钮未对齐
博客介绍了解决问题的方式，即设置vertical-align:middle样式属性，与前端信息技术相关。
扫一扫
938
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
