js测试复选按钮

最新推荐文章于 2022-10-30 20:54:47 发布

mischen520

最新推荐文章于 2022-10-30 20:54:47 发布

阅读量410

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/miachen520/article/details/51863553

版权

javascript 专栏收录该内容

72 篇文章 1 订阅

订阅专栏

js测试复选按钮

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //测试复选按钮
        function test(){
            var checkArray=[];
            var checks=document.getElementsByName("check1");
            for(var i=0;i<checks.length;i++){
                if(checks[i].checked){
                    checkArray[i]=checks[i].value;
                }
            }
//            alert(checkArray.join("-"));
            var infos=document.getElementsByName("infos")[0];
            infos.value=checkArray.join("-");
        }
    </script>
</head>
<body>
    <form method="get" action="test.html" name="fom" οnsubmit="test()">

        爱好：<input type="checkbox" name="check1" value="0" />打游戏
             <input type="checkbox" name="check1" value="1" />睡觉
             <input type="checkbox" name="check1" value="2" />看妹子<br/>
             <input type="hidden" name="infos" />
        <input type="submit" value="提交" />
    </form>
</body>
</html>

mischen520

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js测试复选按钮

js测试复选按钮 Title //测试复选按钮 function test(){ var checkArray=[]; var checks=document.getElementsByName("check1"); for(var i=0;i<che
复制链接

扫一扫

专栏目录