JavaScript获取选中checkbox复选框值
分类：实例代码
JavaScript获取选中checkbox复选框值属于前端实例代码，有关更多实例代码大家可以查看。
checkbox复选框是非常重要的表单元素，场景一般是进行多项选择，比如个人爱好，或者管理员所具有的权限等等，下面介绍一下如何利用JavaScript获取被选中复选框的value值。
代码如下:
<!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 obt=document.getElementById("bt");
var obox=document.getElementById("box");
var oshow=document.getElementById("show");
var inputs=obox.getElementsByTagName("input");
obt.onclick=function(){
for(var index=0;index<inputs.length;index++){
if(inputs[index].checked==true){
oshow.innerHTML=oshow.innerHTML+inputs[index].value;
}
}
}
}
</script>
</head>
<body>
<div id="show"></div>
<div id="box">
<input type="checkbox" value="1"/>
<input type="checkbox" value="2"/>
<input type="checkbox" value="3"/>
<input type="checkbox" value="4"/>
<input type="checkbox" value="5"/>
</div>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
在上面的代码中，点击按钮就可以将选中的复选框的值写入指定的div中。
JavaScript获取选中checkbox复选框值，这样的场景在实际项目中还是用的比较多的，关于JavaScript获取选中checkbox复选框值就介绍到这了。