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

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

在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

PHP hexdec() 函数

PHP hexdec() 函数

全栈程序员-站长
2021年11月7日
11条javascript知识

1.局部变量和全局变量var操作符定义的变量将成为定义该变量作用域中的局部变量。这个局部变量会在函数退出后销毁。不同于其他语言，javaScript不存在块级作用域。全局变量就是window对象的属性

全栈程序员-站长
2021年12月20日
ubuntu搭建samba服务器_搭建webdav

ubuntu搭建samba服务器_搭建webdav1、下载安装samba服务sudoapt-getinstallsamba2、修改smb配置文件，设置共享目录a）配置文件：/etc/samba/smb.confb）进到该目录：cd/etc/sambac）修改前备份：sudocpsmb.confsmb.conf_bakd）修改配置文件，设置共享目录：sudovismb.conf参考修改内容（例：共享目录/home/samba_share）[samba_share]comment=…

全栈程序员-站长
2022年9月24日
ms17010复现

ms17010复现关于漏洞的复现干多了就发现，这种菜鸟级别的复现，，真是没有啥实用性，主要就是，自己玩玩，，，唉，， ms17_010,好像跟什么永恒之蓝，勒索病毒有啥关系。但是，我这种小白可管不着，而且现在做的所有的复现都是基于防火墙关闭，所以，没有啥技术，复现也白复现。。。。好了，还是讲复现：搜索：search17_010很容易看出来，这个第一个方法是搜索网段中主机漏洞的，

全栈程序员-站长
2022年6月6日
分治法大整数乘法c语言,大整数乘法(分治法)「建议收藏」

分治法大整数乘法c语言,大整数乘法(分治法)「建议收藏」#include#includeusingnamespacestd;intnum(intu)//计算乘数的位数{inti,num;i=1;num=u/10;while(num!=0){u=num;num=u/10;i=i+1;}//cout<returni;}voidMUL(intu,inti,int&w,int&x)//将乘数分治{w=u/(pow…

全栈程序员-站长
2022年6月2日
pip安装scrapy失败_scrapy框架运行

pip安装scrapy失败_scrapy框架运行错误如图所示，running setup.py install for Twisted…..errorTwisted依赖库安装报错，重新下载手动安装一下下载网址：https://www.lfd.uci.edu/~gohlke/pythonlibs注意：看下安装的python是什么版本，我安装的python 3.9.0，就下载cp39，64位的下载安装的版本不对，就会报：Twisted-20.3.0-cp38-cp38-win_amd64.whl is not a support…

全栈程序员-站长
2022年8月18日

发表回复

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