基本信息
源码名称:JavaScript实现复选框的全选/全不选(反选)功能
源码大小:1.45KB
文件格式:.html
开发语言:js
更新时间:2019-11-19
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>全选/全不选</title>
<!--
作者:杨高升
时间:2019-11-19
描述:全选全不选
-->
<style type="text/css">
li{
list-style-type: none;
}
</style>
<script type="text/javascript">
//全选按钮
function num1(){
var aaa1 = document.getElementsByName("aaa")[0].checked;
var num1 = document.getElementsByName("num");
for(var i=0;i<num1.length;i ){
num1[i].checked = aaa1;
}
}
function num2(){
var num2 = document.getElementsByName("num");
var aaa2 = document.getElementsByName("aaa")[0];
//当都没有选中时全选按钮为false
for(var i=0;i<num2.length;i ){
if(num2[i].checked ==false){
aaa2.checked = false;
}
}
//当有一个选中时全选按钮为true
for(var i=0;i<num2.length;i ){
if(num2[i].checked ==true){
aaa2.checked = true;
}
}
}
<html>
<head>
<meta charset="UTF-8">
<title>全选/全不选</title>
<!--
作者:杨高升
时间:2019-11-19
描述:全选全不选
-->
<style type="text/css">
li{
list-style-type: none;
}
</style>
<script type="text/javascript">
//全选按钮
function num1(){
var aaa1 = document.getElementsByName("aaa")[0].checked;
var num1 = document.getElementsByName("num");
for(var i=0;i<num1.length;i ){
num1[i].checked = aaa1;
}
}
function num2(){
var num2 = document.getElementsByName("num");
var aaa2 = document.getElementsByName("aaa")[0];
//当都没有选中时全选按钮为false
for(var i=0;i<num2.length;i ){
if(num2[i].checked ==false){
aaa2.checked = false;
}
}
//当有一个选中时全选按钮为true
for(var i=0;i<num2.length;i ){
if(num2[i].checked ==true){
aaa2.checked = true;
}
}
}