浏览 1381 次
|
锁定老帖子 主题：checkbox的全选与反选
精华帖 (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>
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
