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

在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、演示效果

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

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/113997.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • mac用什么软件录屏_macbookair录屏快捷键

    mac用什么软件录屏_macbookair录屏快捷键录屏软件哪个好?你是否遇到过需要记录手机或者电脑屏幕的时候,就像是打着游戏、看着剧,突然想要记录此时屏幕上的内容。其实很多的场景都可以使用录屏软件来记录屏幕上的内容,像是工作、学习、娱乐上的内容。那有什么好用的录屏软件和方法,一起来看看下面有关的方法介绍!分享录屏软件一、手机专业录制软件如果你在手机上查看视频的话,除了使用手机中的屏幕录制方法。还可以使用专业的录屏软件。如借助手机中的“嗨格式录屏大…

  • SqlServer时间与字符串相互转换[通俗易懂]

    SqlServer时间与字符串相互转换[通俗易懂]convert(目标类型[datatime/varchar],’输入内容'[时间/字符串],格式); –字符串转为时间类型(当表字段为时间格式时使用) –1.Style=101时,表示日期字符串为:mm/dd/yyyy格式SELECTCONVERT(datetime,’11/1/2003′,101)–结果:2003-11-0100:00:00.000应用:…

  • 使用opkg update时遇到wget returned 4错误

    使用opkg update时遇到wget returned 4错误环境:OpenWrt虚拟机,NAT网卡,网络连接正常解决办法:先使用wget下载opkgupdate中提示安装失败的安装包,再使用opkgupdate参考资料:SOLVED:FailedtodownloadthepackagelistArcherC7v2withLEDE17.01.0…

  • SecureCRT中文乱码解决方法

    SecureCRT中文乱码解决方法SecureCRT中文乱码解决方法1、先选中当前的Session地址2、然后点击SercureCRT上排主菜单的“Options”,也就是“选项”的意思3、点击Options之后,会出现一个下拉列表,我们选择第一个“SessionOptions…”4、接着会出现一个弹出框,选择目录中的“Appearance”,该功能可以对SercureCRT的外观进行设置5、此时可以看到SercureCRT的编码格式是“Default”,也就是默认的编码格式,我们改为“UTF-8”6、改完编码格式之后,我们回

  • matlab debounce,Debounce Temporal Properties

    matlab debounce,Debounce Temporal PropertiesTemporalOperatorsTheSimulink®DesignVerifier™libraryprovidesthreebasictemporaloperatorblockscanbeusedtomodeltemporalproperties.Theintentofthetemporaloperatorsistosupportthe…

  • directshow是什么_direction arrow

    directshow是什么_direction arrow3.1DirectShow的功用(1)保证数据量庞大的多媒体数据处理的高效性;(2)时刻保持音频和视频的同步;(3)用简单的方法处理复杂的媒体源问题,包括本地文件,计算机网络,广播电视以及其他数码产品;(4)处理各种各样的媒体格式问题,包括AVI,ASF,MPEG,DV,MOV等;(5)支持目标系统中不可预知的硬件;DirectShow的设计初衷就是尽量要让

    2022年10月12日

发表回复

您的电子邮箱地址不会被公开。

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