getElementsByName获取多个标签存入数组、勾选小技巧_document.getelementsbyname转成数组-程序员宅基地

技术标签: JavaWeb  

<script type="text/javascript">
        function checkAll() {
     
            var hobbies=document.getElementsByName("hobby");
            for(var i=0;i<hobbies.length;i++){
     
                hobbies[i].checked=true;
            }
        }
        function checkNo() {
     
            var hobbies=document.getElementsByName("hobby");
            for (var i = 0; i < hobbies.length; i++){
     
                hobbies[i].checked = false;
            }
        }
        function checkReverse() {
     
            var hobbies=document.getElementsByName("hobby");
            for (var i = 0; i < hobbies.length; i++){
     
                hobbies[i].checked = ! hobbies[i].checked;
            }
        }
    </script>
</head>
<body>
        兴趣爱好:
        <th><input type="checkbox" name="hobby" value="Html">C++</th>
        <th><input type="checkbox" name="hobby" value="java">java</th>
        <th><input type="checkbox" name="hobby" value="js">JavaScript</th>

        <th><button onclick="checkAll()">全选</button></th>
        <th><button onclick="checkNo()">全不选</button></th>
        <th><button onclick="checkReverse()">反选</button></th>

在这里插入图片描述

var hobbies=document.getElementsByName("hobby");

当多个名字重复时,返回的时一个数组

hobbies[i].checked=true;

对应的选项勾选

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_49321034/article/details/107918657

智能推荐

网站分析基础概念之网页与网页浏览数_网站网页首页的例子分析-程序员宅基地

文章浏览阅读274次。本文转自:数码林的网站分析博客页面地址:http://blog.digitalforest.cn/webanalytics-basic-page-pv■网页 类型normal">: 维度定义:网页(Page)作为网站分析维度的一个基本元素。说明:伴随着网站分析技术的发展,越来越多不同类型的网页开始被关注研究。目前可分析网页的种类:● 普通网页_网站网页首页的例子分析

android工程添加图片,在Android Studio中将图像添加到Java项目?-程序员宅基地

文章浏览阅读652次。我试图在android studio中添加我的java项目.我有很多references&在Android工作室添加了我的项目.现在我无法将资产添加到我的项目中.所以请帮我解决提前致谢结构体 码this.trayIcon = new TrayIcon(ImageIO.read(this.getClass().getResourceAsStream("icon.png")));this.tr..._android studio image在.java

密钥管理概述_有中心的密钥分发模式中,会话密钥可以由( ) 生成。-程序员宅基地

文章浏览阅读4.5k次,点赞3次,收藏19次。密钥管理概述密钥管理包含:密钥生成、装入、存储、备份、分配、更新、吊销、销毁等内容,分配与存储是最棘手的问题。密钥生成:集中式密钥生成:由可信的密钥管理中心分布式密钥生成:网络中的多个节点协商密钥分配:集中式:由可信的密钥管理中心给用户分发(存在单点失效问题)分布式:多个服务器通过协商来分发密钥种类:主密钥:对密钥加密密钥进行加密的密钥,通常通过自然界中的真随机现象提取或由伪随机数生成器来生成密钥加密密钥:在传输会话密钥时,用来加密会话密钥的密钥,也称次主密钥或二级密钥。_有中心的密钥分发模式中,会话密钥可以由( ) 生成。

Machine Learning-Octave的下载与安装_octave下载安装-程序员宅基地

文章浏览阅读7.2k次,点赞2次,收藏12次。一、下载1.进入Octave下载页面:https://www.gnu.org/software/octave/download.html2.选择自己的系统,这里以windows版本的octave-4.4.1-w64-installer.exe为例,选择对应位数的版本,点击下载即可:3.安装1.双击下载好的文件进行安装3.点击Finish完成后,桌面自动生成两个图标:一个是命令..._octave下载安装

mvc路由原理 php_PHP MVC原理及实现-程序员宅基地

文章浏览阅读146次。一、mvc原理mvc是一种程序开发设计模式,它实现了显示模块与功能模块的分离。提高了程序的可维护性、可移植性、可扩展性与可重用性,降低了程序的开发难度。它主要分模型、视图、控制器三层。模型(model)它是应用程序的主体部分,主要包括业务逻辑模块(web项目中的Action,dao类)和数据模块(pojo类)。模型 与数据格式无关,这样一个模型能为多个视图提供数据。由于应用于模型的代码只需写一次就..._php mvc路由执行流程

Uboot启动流程(一)_init_sequence_r-程序员宅基地

文章浏览阅读757次。Uboot启动流程简要列举,帮助梳理启动流程。详细过程参考Uboot源码和《STM32MP1嵌入式Linux驱动开发指南》讲解_init_sequence_r

随便推点

Java线程学习-程序员宅基地

文章浏览阅读49次。1.创建线程的三种方式 1)继承Thread类,重写run方法 2)实现Runnable接口 3)实现Callable接口1.1继承Thread类public class MyThread extends Thread{ @Override public void run() { for (int i = 0; i <100; i++) { System.out.println("子线程............"+i); } }}public class Te

pip19离线_更新pip为20后不显示下载链接无法离线下载回退pip版本-程序员宅基地

文章浏览阅读138次。更新pip为20后不显示下载链接无法离线下载回退pip版本先看logWARNING: You are using pip version 19.3.1; however, version 20.0.2 is available.You should consider upgrading via the 'python -m pip install --upgrade pip' command.C:..._pip版本离线回退

Cause: java.lang.NumberFormatException: For input string: "audit"_for input string: \"audit\-程序员宅基地

文章浏览阅读905次。这个只是一个个人失误。编写mybatis的一个查询时写了个aaa是一个字符串,但是后面判断的那个0被认为是数字,然后就变成了数字比较。后来我就把0改成了空值_for input string: \"audit\

华为android升级国内版,OPPO终于超越华为,国内第一家升级到Android8.1!-程序员宅基地

文章浏览阅读109次。在谷歌发布Android8.0的O版本后,华为是第一家宣布Android8.0商用的国内手机厂商,推出了华为Mate10、荣耀V10等多部出厂自带EMUI8.0手机,随后也是把Mate9、P10、荣耀9/V9等一票主力机型,不限量直升EMUI8.0。当然,其他厂商如小米、一加等,也不慢,都有机型可升级8.0版本。而国内出货量较大的OPPO,在对新系统的适配上,向来并不积极,不过这次却难得的起了个大..._androd oppo市场apk相似度 降低到多少

Android 自定义View ProgressBarHorizontal:横向进度条、支持圆角、渐变、图片_progressbar_horizontal-程序员宅基地

文章浏览阅读2.7k次。背景:因系统的ProgressBar设置图片时,如果图片不够大,而在大分辨率的手机上时会出现无法填充满,所以自己写一个,既修复该问题,又可方便拓展,所以抛砖引玉功能介绍:横向进度条,分为背景与封面两层,封面与背景均支持圆角矩形、渐变、图片。_progressbar_horizontal

Deep Colorization(论文阅读记录)-程序员宅基地

文章浏览阅读683次。Title:Deep Colorization原文地址背景:目前的显色方法(Colorization methods)分为scribble-based methods 和examplebased method两大类。scribble-based methods:需要在待显色的灰度图像上提供大量的涂鸦,耗时耗人力。examplebased method:为了减轻人力的负担,提出该方法..._deep colorization