一、题目要求
点击全选时五个复选框全部选中,点击全不选时五个复选框都不选择。
点击反选的时候,反向选择第二行其他复选框。
点击提交则弹出提示框显示选择内容。
二、代码展示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
var items = document.getElementsByName('items');//获取四种运动对应的复选框
var allBox = document.getElementById('checkAllBox');//获取最上方全选\全不选复选框
var biaoDanArr = [];//声明一个数组,方便提交表单时输出字符串
var itemsNum = 0 ;//计数器
const itemsLength = items.length;//获取运动对应复选框个数,方便循环使用
//声明监听函数
function myClick(idstr,fun){
var ids = document.getElementById(idstr);
ids.onclick = fun;
}
//为每个复选框添加监听器
for(let i = 0 ; i<itemsLength;i++){
items