JSP 复选框全选

最新推荐文章于 2021-04-13 10:44:33 发布

diepian8780

最新推荐文章于 2021-04-13 10:44:33 发布

阅读量410

点赞数

文章标签： java javascript ViewUI

原文链接：http://www.cnblogs.com/jokin0520/p/5363729.html

版权

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	//全选，全不选；方法核心就是让所有的复选框的状态与全选复选框的状态一致
	function checkall(){
		var isChecked = (document.dataList.checkAll.checked == true);//全选框的状态
		var elements = document.dataList.elements;//选出所有的元素
		var counter = elements.length;
		for(i=0;i<counter;i++){
			var element = elements[i];
			if(element.type=="checkbox" & element.name=="fileList"){//过滤需要的复选框
				element.checked=isChecked;//将复选框的状态改为全选框的状态
			}
		}
	}
</script>
</head>
<body>
	<form name="dataList" method="post" action="">
		全选:<input type="checkbox" id="checkAll" οnclick="checkall()">
		<table>
			<tr>
				<td><input type="checkbox" name="fileList" value="张三"></td>
			</tr>
			<tr>
				<td><input type="checkbox" name="fileList" value="李四"></td>
			</tr>
			<tr>
				<td><input type="checkbox" name="fileList" value="王五"></td>
			</tr>
			<tr>
				<td><input type="checkbox" name="fileListssss" value="王五"></td>
			</tr>
			
		</table>
	</form>
</body>
</html>

转载于:https://www.cnblogs.com/jokin0520/p/5363729.html

diepian8780

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JSP 复选框全选

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html><html><head><meta http-equiv="Content-Type" cont...
复制链接

扫一扫