JS中怎么循环出checkbox所取的的值

Question

JS中怎么循环出checkbox所取的的值

Answer 1

思路：先获取checkbox对象，然后循环判断每个checkbox的checked属性（true为选中，false为未选中）。示例如下：1、HTML结构12345<input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="1"/>checkbox-1<input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="2"/>checkbox-2<input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="3"/>checkbox-3<input&nbsp;type="checkbox"&nbsp;name="test"&nbsp;value="4"/>checkbox-4<input&nbsp;type='button'&nbsp;value='确定'&nbsp;onclick="fun()"/>2、javascript代码12345678910function&nbsp;fun(){&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;boxes&nbsp;=&nbsp;document.getElementsByTagName("input");&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;val&nbsp;=&nbsp;[]&nbsp;&nbsp;&nbsp;&nbsp;for(i=0;i<boxes.length;i++){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(boxes[i].name=="test"&nbsp;&&&nbsp;boxes[i].checked&nbsp;==&nbsp;true){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;val.push(boxes[i].value);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;alert(val);}3、效果演示&nbsp;&nbsp;

Answer 2

123456789function&nbsp;getCheckboxs()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;chks&nbsp;=&nbsp;document.querySelectorAll('input[type="checkbox"]');&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;result&nbsp;=&nbsp;[];&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(var&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;<&nbsp;chks.length;&nbsp;i++)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;chk&nbsp;=&nbsp;chks[i];&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;result.push(chk.checked);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;result;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;