论坛首页 入门技术论坛

checkbox的全选与反选

浏览 1378 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-02-20   最后修改:2010-12-05
<%@ page language="java" contentType="text/html; charset=GBK"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>
</head>
<body>
<c:forEach begin="0" end="9" step="1" var="id">
${id }<input type="checkbox" id="box${id}" name="box"/>
<br>
</c:forEach>
<br>
<br>
全选<input id="allSelect" type="button"  value="sdsd" onclick="checkAllbox()"/>
</body>
<script type="text/javascript">
	function checkAllbox() {
		var box = document.getElementsByName("box");
		alert(box);
		for(var i=0;i<box.length;i++) {
			if(box[i].checked) {
				box[i].checked=false;
			}else{
				box[i].checked=true;
			}
		}
	}
</script>
</html>

论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics