程序博客网 > 自动阅读软件

js全选和反选

来源：互联网发布：自动阅读软件编辑：程序博客网时间：2024/05/22 15:33

html如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=GBK" />
<title></title>
<link rel="stylesheet" href="demo.css" type = "text/css"/>
<script type="text/javascript" src = "demo.js"></script>
</head>
<body >
全选<input type="checkbox" name="" id="selectall" onclick = "secAll()"/>
反选<input type="checkbox" name="" id="unselectall" onclick = "unsec()" />
<hr/>

<input type="checkbox" name="box" id="s1" onclick = "sec()"/>
<input type="checkbox" name="box" id="s2" onclick = "sec()"/>
<input type="checkbox" name="box" id="s3" onclick = "sec()"/>
<input type="checkbox" name="box" id="s4" onclick = "sec()"/>
<input type="checkbox" name="box" id="s5" onclick = "sec()"/>
<input type="checkbox" name="box" id="s6" onclick = "sec()"/>
<input type="checkbox" name="box" id="s7" onclick = "sec()"/>
</body>
</html>

js如下：

function secAll(){

var fabox = document.getElementById("selectall");

var boxArr = document.getElementsByName("box");

if(fabox.checked){

for(var i = 0;i<boxArr.length;i++){

boxArr[i].checked=true;

}

}else{
for(var i = 0;i<boxArr.length;i++){

boxArr[i].checked=false;

}

}

}

function unsec(){

var unsec = document.getElementById("unselectall");
var boxArr = document.getElementsByName("box");
if(unsec.checked){

for(var i = 0;i < boxArr.length;i++){

if(boxArr[i].checked){

boxArr[i].checked=false;
}else{

boxArr[i].checked=true;

}

}

}else{

for(var i = 0;i < boxArr.length;i++){

if(boxArr[i].checked){

boxArr[i].checked=false;
}else{

boxArr[i].checked=true;

}

}

}

}

function sec(){

var unsec = document.getElementById("unselectall");
var fabox = document.getElementById("selectall");
var boxArr = document.getElementsByName("box");
fabox.checked=false;
unsec.checked=false;

}

0 0

自动阅读软件

自动阅读软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子海绵纸玫瑰花图解海绵纸笔筒海绵纸的图片海绵纸怎么折玫瑰花海绵胶海绵胶怎么去除海绵胶图片如何去除海绵胶粘海绵的胶除胶带胶海绵蛋海绵蛋怎么清洗海绵蛋怎么用全蛋海绵蛋糕的做法法式全蛋海绵蛋糕海绵钛多少钱一吨海绵钳海绵铁除氧器厂家海绵铁除氧器海绵铁过滤除氧器电烙铁清洁海绵海绵铁滤料厂家海绵铁滤料海绵铁价格常温海绵铁除氧器海绵铁用途海绵铁作用海绵铁生产厂家海绵铁的生产海绵铁海绵宝宝抖音丧图片抖音supreme潮图海绵宝宝鱼跳缸新鱼入缸有几天危险期鱼蹭缸底什么原因新买的鱼怎么入缸海美迪海美迪q5四代海美迪播放器海美迪hd910b 海美迪900