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

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

在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

python批量修改文件夹名称_python文件扩展名主要有

python批量修改文件夹名称_python文件扩展名主要有1、引言需要把.dat格式转化成.txt格式2、实现##python批量更换后缀名importos#列出当前目录下所有的文件files=os.listdir(‘.’)#print(‘files’,files)forfilenameinfiles:portion=os.path.splitext(filename)#如果后缀是.datifp

全栈程序员-站长
2022年9月23日
6
Python字符串操作之字符串分割与组合「建议收藏」

Python字符串操作之字符串分割与组合「建议收藏」12、字符串的分割和组合str.split()：字符串分割函数通过指定分隔符对字符串进行切片，并返回分割后的字符串列表。语法：os.path.split()：路径文件分割函数join(seq)：将序列组合成字符串函数

全栈程序员-站长
2022年5月29日
94
模块和包[通俗易懂]

模块什么是模块：但其实import加载的模块分为四个通用类别：1使用python编写的代码（.py文件）2已被编译为共享库或DLL的C或C++扩展3包好一组模块的包4使用C编写并链

全栈程序员-站长
2022年3月29日
73
MySQL Binlog 介绍[通俗易懂]

MySQL Binlog 介绍[通俗易懂]Binlog简介MySQL中一般有以下几种日志：日志类型写入日志的信息错误日志记录在启动，运行或停止mysqld时遇到的问题通用查询日志记录建立的客户端连接和执行的语句二进制日志记录更改数据的语句中继日志从复制主服务器接收的数据更改慢查询日志记录所有执行时间超过long_query_time秒的所有查询或不使用索引的查询DDL日…

全栈程序员-站长
2025年8月2日
8
实例分割与语义分割_genitive case

实例分割与语义分割_genitive case摘要本文提出了一个简单的全卷积网络来实现实时的实例分割（from加州大学戴维斯分校）MSCOCO数据集——mAP=29.8%，33fps，在单个TitanXp上实验，比目前任一方法都要快速，并且只使用了单个GPU。为何获得如此好的效果：将实例分割任务分成了两个并行的过程：产生一系列模板mask预测每个实例mask的系数之后将模板mask和实例mask系数进行线性组合来获得实……

全栈程序员-站长
2022年8月23日
6
【已解决】MySQL Connector Net 卸载不了问题？

【已解决】MySQL Connector Net 卸载不了问题？今天mysql出现了一些问题，想要全部卸载重新安装，控制面板中右键卸载，发现MySQLConnectorNet无法卸载。百度上搜索发现回答都是复制粘贴，千篇一律，都是检查C盘文件是否删除干净，还有就是注册表是否删除干净；使用这些方法均不能完成卸载，重装mysql。不断搜索发现一方法可行进行分享：1.微软的支持里面有一个Fixproblemsthatblockprogramsfrombeinginstalledorremoved，链接https://support.micros

全栈程序员-站长
2022年7月25日
51

发表回复

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