DOM操作----根据name获取网页中的全部复选框

<!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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容