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

小咪咪 2022-03-18 09:24 784阅读 0赞

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1]

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

1、HTML结构

<input type="checkbox" name="test" value="1"/><span>1</span>
    <input type="checkbox" name="test" value="2"/><span>2</span>
    <input type="checkbox" name="test" value="3"/><span>3</span>
    <input type="checkbox" name="test" value="4"/><span>4</span>
    <input type="checkbox" name="test" value="5"/><span>5</span>
    <input type='button' value='提交' onclick="show()"/>

2、javascript代码(jQuery)

function show(){
       var obj = document.getElementsByName("test");
       var check_val = [];
        for(var k in obj){
            if(obj[k].checked)
                check_val.push(obj[k].value);
        }
        alert(check_val);
    }

3、演示效果

![a089a6502ce4129b171120b15a776066.png][]

转自： [https://www.cnblogs.com/sunxirui00/p/7498014.html][https_www.cnblogs.com_sunxirui00_p_7498014.html]

[Link 1]: https://www.captainai.net/jiangyu1013/
[a089a6502ce4129b171120b15a776066.png]: /images/20220318/48d366a438da4888a689df4c1a6f5af2.png
[https_www.cnblogs.com_sunxirui00_p_7498014.html]: https://www.cnblogs.com/sunxirui00/p/7498014.html

发表评论取消回复

表情：

评论列表（有 0 条评论，784人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS_使用js中获取checkbox里选中的多个值，checkbox全选

获取checkbox里选中的多个值 <input type="checkbox" name="test" value="1"/><span>1</span>

朱雀/ 2023年01月15日 10:22/ 0 赞/ 143 阅读

相关在js中获取 input checkbox里选中的多个值

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

我会带着你远行/ 2022年12月13日 01:22/ 0 赞/ 176 阅读

相关 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关

获取一组radio被选中项的值 var item = $('input\[@name=items\]\[@checked\]').val(); 获取select被选中项

素颜马尾好姑娘i/ 2022年08月07日 08:52/ 0 赞/ 213 阅读

相关 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关

获取一组radio被选中项的值 var item = $('input\[@name=items\]\[@checked\]').val(); 获取select被选中项

迷南。/ 2022年07月12日 11:56/ 0 赞/ 227 阅读

相关 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关

获取一组radio被选中项的值 var item = $('input\[@name=items\]\[@checked\]').val(); 获取select被选中项

淡淡的烟草味﹌/ 2022年07月12日 11:56/ 0 赞/ 230 阅读

相关 js里获得json对象里的值

js中获取json的值： var o = \{"name":"value"\} o.name和o\["name"\]都可以取到value的值 var o =

谁践踏了优雅/ 2022年06月11日 08:57/ 0 赞/ 2341 阅读

相关 js checkbox 获取表格一行中的多个值传递多个值

js checkbox 获取表格一行中的多个值传递多个值（1）页面html ![20171026190109661][] checkbox 带了 listIn

阳光穿透心脏的1/2处/ 2022年06月06日 01:42/ 0 赞/ 217 阅读

相关 JQuery 多个checkbox 只选中一个

<form id="common-form"> <input name="check1" type="checkbox"/>check1

本是古典何须时尚/ 2022年05月28日 01:57/ 0 赞/ 190 阅读

相关 js中获得checkbox里选中的多个值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

淡淡的烟草味﹌/ 2022年04月17日 04:22/ 0 赞/ 195 阅读

相关在 js 中怎样获得 checkbox 里选中的多个值？(jQuery)

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] 思路：利用name属性值获取checkbox对象，然后

小咪咪/ 2022年03月18日 09:24/ 0 赞/ 785 阅读