功能

实现分为两大部分:

第一body 部分,1,通过

无序列表标签实现选项的基本样式,通过input的checkbox标签实现里面的复选框功能。用到了标签的嵌套。然后选项的js方法含有选中和被选中的功能。

2,button按钮部分,通过标签,里面绑定onclick事件,来触发选项标签的函数功能。

第二,script部分。通过for循环,逐个遍历选项卡的各个checkd的状态,checkd= "checked"是选中状态,checkd =true“是选中状态,checkd = false 是未被选中状态。checkd = ”checkd"是默认选中状态。那么我们就可以通过改变input标签的checkd的状态是true还是false进而确定 是不是选中状态。对于反选,需要定义函数,遍历访问各个标签,如果checkd

为true,则让它为false。

代码;

Title

var kuang =document.getElementsByTagName("input");

var anniu = document.getElementsByTagName("button");

function select(status) {

for (i=0;i

// 实现 全选 的功能,遍历,将每一个都选中.通过传递参数,checked属性的真假,true为选中,false为选错

kuang[i].checked = status

}

}

function selectReverse() {

for (var i =0 ; i <7;i++){

if (kuang[i].checked){kuang[i].checked =false;}

else {kuang[i].checked = true;}

}

}

政治英语数学历史语文地理化学

全选

全不选

反选

需求,如图 所示,实现右边的全选,全不选,反选

python怎么全选_python练习题之全选框全不选反选相关推荐

  1. python起源的故事_Python入门:在红遍全宇宙之前的小故事

    原标题:Python入门:在红遍全宇宙之前的小故事 人工智能风靡全宇宙,Python是当今最火的语言,那么小白们了解它台前幕后的小故事吗? 一.python的起源 说到Python,它的诞生是极具戏曲 ...

  2. python打开浏览器全屏_Python+Selenium自动化——浏览器启动自动全屏配置

    ##直接上代码吧 from selenium import webdriver from selenium.webdriver.support.ui import WebDriverWait opti ...

  3. python 阴阳师 识别图像_Python爬取阴阳师式神全图鉴图片

    前言 本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,如有问题请及时联系我们以作处理. 基本环境配置 python 3.6 pycharm requests 目标网页 经过一些系列 ...

  4. el-select 结合 el-checkBox 实现下拉全选+多选功能;el-select下拉框全选功能;

    原文链接 el-select选择框也有多选功能,但是没有全选.故需要改造一下,el-select 结合 el-checkBox 实现下拉全选+多选功能. 代码如下,可直接复制使用: <!--* ...

  5. python循环经典例题_python练习题:循环打印嵌套列表

    好久没写博文了,添加一个练习题,选自<head_first_python>~~ python列表:以中括号开始和结束"[]":列表项以逗号","分隔 ...

  6. python合法关键字是_python练习题-day18

    1.匹配一行文字中的所有开头的字母内容 import re s="i love you not because of who you are, but because of who i am ...

  7. python分数序列求和_Python练习题 019:求分数序列之和

    [Python练习题 019] 有一分数序列:2/1,3/2,5/3,8/5,13/8,21/13...求出这个数列的前20项之和. --------------------------------- ...

  8. python计算题库_python练习题-

    Python 练习题库 By 郑红波 2017-12-19 一. 填空题 1. Python 标准库 math 中用来计算平方根的函数是 __________ . ( sqrt ) 2. 在 Pyth ...

  9. python分解完数_Python练习题 014:完数

    [Python练习题 014] 一个数如果恰好等于它的因子之和,这个数就称为"完数".例如6=1+2+3.编程找出1000以内的所有完数. -------------------- ...

最新文章

  1. Transaction And Lock--事务中使用return会回滚事务吗?
  2. stm32 usmart使用
  3. 中国K12在线教育市场调研及用户消费行为报告
  4. Java基础---内部类详解
  5. 如何删除Mac OS X上隐藏的文件?
  6. 使用apktool.jar工具反编译和回编译Android APK 终端命令模式
  7. Eclipse 下载安装
  8. ARCGIS破解教程(arcgis10.2(含ARCGIS下载地址)
  9. 使用odbc连接达梦数据库
  10. 互联网江湖野史 - 氪金玩家
  11. ms17010漏洞复现-2003
  12. [课业] 25 | 数据库基础 | 基础SQL查询语言
  13. The operating system 'Windows Vista Version 6.1' is not supported
  14. python加密安装方法_安装Python加密错误
  15. [Unity3d]游戏中子弹碰撞的处理
  16. Unity之UGUI详解
  17. 云服务器流量是什么东西_在线科普,买一台云服务器到底能干嘛?
  18. 【架构师】零基础到精通——微服务治理
  19. Java 属性集合Properties的六种遍历处理方式
  20. 在线制作2007年年历,1901年至2049年万年历

热门文章

  1. ffmpeg -filter_complex 段落停顿
  2. 微信小程序:零售行业带来新的增量空间(下)
  3. linux中find命令的常见用法
  4. Mac系统优化工具MacBooster 7中文版安装和激活教程分享
  5. 单片机c语言using,C语言在8051单片机上的扩展(interrupt、using关键字的用法)
  6. Sorting by Swapping POJ - 1674(变相排序)
  7. 制导技术核心电子计算机,军事知识:军事理论题(五)
  8. HCIE-Datacom 2204day02
  9. 不,梦见的就是你——《甜蜜蜜》
  10. HTML学习笔记(狂神视频)