JS_DOM练习_全选练习_

一、题目要求

点击全选时五个复选框全部选中,点击全不选时五个复选框都不选择。
点击反选的时候,反向选择第二行其他复选框。
点击提交则弹出提示框显示选择内容。
在这里插入图片描述
二、代码展示

<!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
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值