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

Question

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

Answer 1

举个例子，比如如下是HTML的结构：这里推荐使用jQuery库，比较方便。以下是代码：大致思路就是：先利用name属性值获取checkbox对象，然后循环判断checked属性。（true表示被选中，false表示未选中）具体解释一下：首先用document.getElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。然后建一个check_val的数组，通过for循环将input标签的value值存入数组中，这样就可以获取checkbox的选中的多个值。扩展资料：Checkbox 对象代表一个 HTML 表单中的 一个选择框。在 HTML 文档中 <input type="checkbox"> 每出现一次，Checkbox 对象就会被创建。您可以通过遍历表单的 elements[] 数组来访问某个选择框，或者通过使用 document.getElementById() 。

Answer 2

思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示：1、HTML结构123456<input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="1"/><span>1</span><input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="2"/><span>2</span><input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="3"/><span>3</span><input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="4"/><span>4</span><input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="5"/><span>5</span><input&nbsp;type='button'&nbsp;value='提交'&nbsp;onclick="fun()"/>2、javascript代码123456789function&nbsp;fun(){&nbsp;&nbsp;&nbsp;&nbsp;obj&nbsp;=&nbsp;document.getElementsByName("test");&nbsp;&nbsp;&nbsp;&nbsp;check_val&nbsp;=&nbsp;[];&nbsp;&nbsp;&nbsp;&nbsp;for(k&nbsp;in&nbsp;obj){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(obj[k].checked)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;check_val.push(obj[k].value);&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;alert(check_val);}3、演示效果&nbsp;

Answer 3

var arr=document.getElementsByName("name");arr是一个数组，就是所有checkbox的值；for(i=0;i<arr.length;i++){if(arr[i].checked){var a = arr[i].value;}}a就是选中的checkbox的值看你想怎么用

Answer 4

一、方法：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示：1、HTML结构1<input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="1"/><span>1</span><input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="2"/><span>2</span><input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="3"/><span>3</span><input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="4"/><span>4</span><input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="5"/><span>5</span><input&nbsp;type='button'&nbsp;value='提交'&nbsp;onclick="show()"/>2、javascript代码(jQuery)123456789function&nbsp;show(){&nbsp;&nbsp;&nbsp;&nbsp;obj&nbsp;=&nbsp;document.getElementsByName("test");&nbsp;&nbsp;&nbsp;&nbsp;check_val&nbsp;=&nbsp;[];&nbsp;&nbsp;&nbsp;&nbsp;for(k&nbsp;in&nbsp;obj){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(obj[k].checked)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;check_val.push(obj[k].value);&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;alert(check_val);}3、演示效果二、什么是JS1、JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。2、在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。3、为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。&nbsp;