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

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

思路：利用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、演示效果

转自： https://www.cnblogs.com/sunxirui00/p/7498014.html

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

js中动态添加/插入HTML代码块，并通过JQuery动态绑定点击事件
文章目录前言一.场景需求还原二.代码示例 1.引入JQuery库 2.代码示例一:HTML中div标签部分二:HTML中script标签部分三:JS文件部分总结前言本篇文章中讲的是在 ...
复选框选中状态html,javascript中如何判断checkbox是否选中？
javascript判断checkbox是否选中的方法:1.直接通过checkbox的checked属性判断.2.调用jQuery使用attr()或is()方法判断. 对于在js中来判断checkbo ...
下拉框选中状态html,js中select下拉框选中
怎么用js动态设置select中的某个值为选中值 select 中的某个options为新建,但在子页面新建一个选项时怎么能提交新用JS动态设置select的方法如下: 手动通过原生JS来实现: / ...
php变量在html调用函数调用,PHP_如何在html标记中调用的函数里传递对象，最近使用jquery结合Ajax开发一个 - phpStudy...
如何在html标记中调用的函数里传递对象最近使用jquery结合Ajax开发一个中小型网站应用.在后台管理中要使用Ajax调用系统功能,根据Ajax的返回结果,使用jQuery对前台页面进行操作. ...
原生JS中的三大家族（offset/scroll/client）与jQuery中对应的方法
JS中的offset家族: 一.offsetEWidth与offsetHeight: 获取的是元素的实际宽高 = width + border + padding 注意点: 1.可以获取行内及内嵌的宽 ...
GridView中如何实现checkbox 默认选中
在 RowDataBound事件中 if(e.Row.RowType==DataControlRowType.DataRow) { checkbox chk=(checkbox)e.row.fin ...
vue中如何判断checkbox是否选中
列:
js中函数参数arguments、callee、caller，值传递、重载
全栈工程师开发手册 (作者:栾鹏) js系列教程4-函数.函数参数教程全解函数参数 arguments javascript中的函数定义并未指定函数形参的类型,函数调用也未对传入的实参值做任何类型检 ...
js中通过name，或者id属性获取内容值
**单选按钮与文本值的获取 <tr><td class="laytd" rowspan="3" colspan="7" & ...

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

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

最新文章

热门文章