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

Question

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

Answer 1

思路：先获取checkbox对象，然后循环判断每个checkbox的checked属性（true为选中，false为未选中）。示例如下：

1、HTML结构

1 2 3 4 5

<input type="checkbox" name="test" value="1"/>checkbox-1 <input type="checkbox" name="test" value="2"/>checkbox-2 <input type="checkbox" name="test" value="3"/>checkbox-3 <input type="checkbox" name="test" value="4"/>checkbox-4 <input type='button' value='确定' onclick="fun()"/>

2、javascript代码

1 2 3 4 5 6 7 8 9 10

function fun(){     var boxes = document.getElementsByTagName("input");     var val = []     for(i=0;i<boxes.length;i++){         if(boxes[i].name=="test" && boxes[i].checked == true){             val.push(boxes[i].value);         }     }     alert(val); }

3、效果演示

 

 

Answer 2

1 2 3 4 5 6 7 8 9

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