DOM操作----根据name获取网页中的全部复选框
2018-11-05 本文已影响0人
萌酷萌酷的兔
<!DOCTYPE html>
<html>
<head>
<title>根据name获取网页中的全部复选框</title>
<script type="text/javascript">
function getAll(){
var doms=document.getElementsByName('checkbox');
var str='';
for(var i=0;i<doms.length;i++){
str+=doms[i].value;
if(i!=doms.length-1){
str+=',';
}
}
alert("All tag's value are:"+str);
}
function getChecked(){
var doms=document.getElementsByName('checkbox');
var str='';
for(var i=0;i<doms.length;i++){
if(doms[i].checked){
str+=doms[i].value;
str+=" ";
}
}
alert("All have been checked are: "+str);
}
</script>
</head>
<body>
<input type="checkbox" name="checkbox" value="坦克">坦克
<input type="checkbox" name="checkbox" value="战士">战士
<input type="checkbox" name="checkbox" value="法师">法师
<input type="checkbox" name="checkbox" value="射手">射手
<input type="checkbox" name="checkbox" value="辅助">辅助
<input type="checkbox" name="checkbox" value="打野">打野
<a name="checkbox" href="">大龙</a>
<br><br>
<input type="button" value="选择所有复选框" onclick="getAll()">
<br><br>
<input type="button" value="选择所有勾选的复选框" onclick="getChecked()">
</body>
</html>
