checkbox全选与反选_checks[i].checked=="checked-CSDN博客

本文链接：https://blog.csdn.net/zccswim/article/details/9400949

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>checkbox</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<script type="text/javascript">
function check(value) {
if(value==0){
var checkboxName = document.getElementsByName("checks");
var checkedAll = document.getElementByIdx_x("checkAll");
if(checkedAll.checked==true){
for(var i=0;i<checkboxName.length;i++){
checkboxName[i].checked=true;
}
}else if(checkedAll.checked==false){
for(var i=0;i<checkboxName.length;i++){
checkboxName[i].checked=false;
}
}
}
if(value==1){
var read = document.getElementByIdx_x("read");
var checkedAll = document.getElementByIdx_x("checkAll");
if(read.checked==true){
checkedAll.checked=false;
}else{
checkedAll.checked=false;
}
}
if(value==2){
var write = document.getElementByIdx_x("write");
var checkedAll = document.getElementByIdx_x("checkAll");
if(write.checked==true){
checkedAll.checked=false;
}else{
checkedAll.checked=false;
}
}
}
</script>
<body>
<form action="" method="post" name="f">
<input type="checkbox" name="checks" id="checkAll" value="all" οnclick="check(0)"> all
<input type="checkbox" name="checks" id="read" value="read" οnclick="check(1)"> read
<input type="checkbox" name="checks" id="write" value="write" οnclick="check(2)"> write
</form>
</body>
</html>