在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

GiD 自定义简介

GiD 自定义简介目录BlogLinks一、前言二、GiD的程序架构六、参考文献BlogLinksDalNur|博客总目录GiD实用教程GiD前处理实例GiD自定义简介GiD后处理实例一、前言随着计算机技术的发展，有限元法已成为非常强大的数值模拟工具，广泛应用于各个领域。目前，比较常用的大型商用有限元程序有ANSYS，ABAQUS，MARC，ADINA等，由于它们是通用有限元程序，在某些领域的特殊方面（如对于应力场、渗流场、温度场的耦合问

全栈程序员-站长
2025年8月10日
3
计算机网络vlan的作用,计算机网络之九：VLAN

计算机网络vlan的作用,计算机网络之九：VLAN一：什么是VLAN广播在网络中起着非常重要的作用，如发现新设备，调整网络路径，IP地址租赁等，许多网络协议都要用到广播。然而，随着网络内计算机数量的增多，广播包的数量也会急剧增加，当广播包的数量占到通讯总量的30%时，网络的传输效率将会明显下降。所以当局域网内的计算机达到一定数量后，通常采用划分VLAN(虚拟局域网)的方式将网络分隔开来。将一个大的广播域划分为若干个小的广播域，以减小广播可能造成的…

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

phpstorm激活码 3月最新注册码

phpstorm激活码 3月最新注册码，https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧！

全栈程序员-站长
2022年3月14日
49
pycharm设置主题背景图片[通俗易懂]

pycharm设置主题背景图片[通俗易懂]一、操作步骤1.双击shift出现搜索框，输入：setbackgroundimage；（或者通过设置路径：File|Settings|Appearance&Behavior|Appearance，选择BackgroundImage）2.选择你喜欢的背景图片上传；3.可通过opacity控件设置透明度image：输入背景图片路径opacity:设置透明度方框：选择图片样式…

全栈程序员-站长
2022年8月25日
10
正则表达式 – 去掉乱码字符/提取字符串中的中文字符/提取字符串中的大小写字母 – Python代码

正则表达式 – 去掉乱码字符/提取字符串中的中文字符/提取字符串中的大小写字母 – Python代码目录1.乱码符号种类较少，用replace()2.乱码字符种类较多，用re.sub()3.提取字符串中的中文字符4.提取字符串中的中文字符和数字5.提取其他数据清洗的时候一大烦恼就是数据中总有各种乱码字符，比如！@#￥%……&——+*（）{}：“》《？|【】‘；/。，、-=去掉这些很简单：1.乱码符号种类较少，用replace()如果只是很少类型的乱码符…

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

navcat 激活码(JetBrains全家桶)

(navcat 激活码)好多小伙伴总是说激活码老是失效，太麻烦，关注/收藏全栈君太难教程，2021永久激活的方法等着你。IntelliJ2021最新激活注册码，破解教程可免费永久激活，亲测有效，下面是详细链接哦~https://javaforall.net/100143.htmlMLZPB5EL5Q-eyJsaWNlbnNlSW…

全栈程序员-站长
2022年3月20日
59

发表回复

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