JavaScript获取选中checkbox复选框的选中值
分类：实例代码
JavaScript获取选中checkbox复选框的选中值属于前端实例代码，有关更多实例代码大家可以查看。
本章节介绍一下如何利用原生javascript获取选中的复选框的值，代码比较简单，希望能够给初学者带来借鉴作用。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<script type="text/javascript">
window.onload=function(){
var obox=document.getElementById("box");
var cks=obox.getElementsByTagName("input");
var obt=document.getElementById("bt");
obt.onclick=function(){
var arr=[];
for(var i=0;i<cks.length;i++){
if(cks[i].checked==true){
arr.push(cks[i].value);
}
}
alert(arr);
}
}
</script>
</head>
<body>
<div id="box">
<input type="checkbox" name="antzone" value="0" />前端教程网一
<input type="checkbox" name="antzone" value="1" />前端教程网二
<input type="checkbox" name="antzone" value="2" />前端教程网三
<input type="checkbox" name="antzone" value="3" />前端教程网四
<input type="checkbox" name="antzone" value="4" />前端教程网五
<input type="checkbox" name="antzone" value="5" />前端教程网六
<input type="checkbox" name="antzone" value="6" />前端教程网七
<input type="checkbox" name="antzone" value="7" />前端教程网八
</div>
<input type="button" id="bt" value="查看效果" />
</body>
</html>
原理比较简单，遍历全部复选框，如果选中的话，就复选框的值放入数组。
JavaScript获取选中checkbox复选框的选中值，这样的场景在实际项目中还是用的比较多的，关于JavaScript获取选中checkbox复选框的选中值就介绍到这了。