在js中怎样获得checkbox里选中的多个值？

全栈程序员-站长 • 2021年10月7日下午4:00 • 未分类 • 阅读 50

在js中怎样获得checkbox里选中的多个值？

https://zhidao.baidu.com/question/203897221.html

思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示：

1、HTML结构

<</code>input type="checkbox" name="test" value="1"/><</code>span>1</</code>span>

<</code>input type="checkbox" name="test" value="2"/><</code>span>2</</code>span>

<</code>input type="checkbox" name="test" value="3"/><</code>span>3</</code>span>

<</code>input type="checkbox" name="test" value="4"/><</code>span>4</</code>span>

<</code>input type="checkbox" name="test" value="5"/><</code>span>5</</code>span>

<</code>input type='button' value='提交' onclick="fun()"/>

2、javascript代码

function

fun(){

obj = document.getElementsByName(
"test"
);

check_val = [];

for
(k
in

obj){

if
(obj[k].checked)

check_val.push(obj[k].value);

}

;

}

3、演示效果

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/113997.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

Lunix操作「建议收藏」

Lunix操作「建议收藏」pwd当前目录ls显示文件ls-a显示所有文件wenjianls-a~显示所有隐藏文件权限　用户所有者　文件大小　修改时间戳　　文件名如果　test不存在使用　-p删除文件夹下所有文件和子目录删除一个目录-i带有交互的询问通配符匹配…

全栈程序员-站长
2022年10月3日
3
have an insight into(offset)

对于一个旋转的dom元素，getBoundingClientRect()得到的width，height是外接矩形的宽高，offsetWidthoffsetHeight是未旋转前dom的宽高

全栈程序员-站长
2022年4月14日
44
android轮播图实现_ajax异步加载

android轮播图实现_ajax异步加载这个图片异步加载并缓存的类已经被很多开发者所使用，是最常用的几个开源库之一，主流的应用，随便反编译几个火的项目，都可以见到它的身影。可是有的人并不知道如何去使用这库如何进行配置，网上查到的信息对于刚接触的人来说可能太少了，下面我就把我使用过程中所知道的写了下来，希望可以帮助自己和别人更深入了解这个库的使用和配置。 GITHUB上的下载路径为：https:/

全栈程序员-站长
2025年7月11日
2
为何选择iText？java PDF开源库选择与iText发展历史

为何选择iText？java PDF开源库选择与iText发展历史&nbsp;&nbsp;&nbsp;&nbsp;转眼间，我写iText7系列已经有一年多了，还记得最开始的时候是因为兴趣才翻译iText，不过随着慢慢翻译文章才发现iText的强大之处，最近也是调研了整个javaPDF开源库的生态圈，我给大家详细讲一下javaPDF开源库的选择还有我选择iText的理由。1.源起PDF1.1PDF定义&nbsp;&nbsp;&nbsp;

全栈程序员-站长
2025年5月23日
2
Java的jar包和war包的异同

Java的jar包和war包的异同最近思考了一下jar包和war包的异同，发现一篇文章写的非常不错，翻译在此。一、概述本文主要讨论Java中war包和jar包的不同。首先，我们先看不同包的结构，然后对比他们的不同。二、JAR包jar包的文件拓展名为：.jar，包含库，资源和元数据文件。本质上，jar包是一个包含多个.class文件，Java库的和应用的资源文件的压缩包。这是一个简单的jar…

全栈程序员-站长
2022年5月10日
39
idea

乌班图pycharm激活码2022年_在线激活2022.02.12

(乌班图pycharm激活码2022年)最近有小伙伴私信我，问我这边有没有免费的intellijIdea的激活码，然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢，哈哈~IntelliJ2021最新激活注册码，破解教程可免费永久激活，亲测有效，下面是详细链接哦~https://javaforall.net/100143.html4K…

全栈程序员-站长
2022年4月1日
68

发表回复

关注全栈程序员社区公众号