美文网首页
获取checkbox的值

获取checkbox的值

作者: WangYatao | 来源:发表于2017-07-05 17:40 被阅读23次

效果图

Paste_Image.png
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="fun()"/>
</body>
<script>
    function fun(){
        obj = document.getElementsByName("test");
        check_val = [];
        for(k in obj){
            if(obj[k].checked)
                check_val.push(obj[k].value);
        }
        alert(check_val);
    }
</script>
</html>

相关文章

网友评论

      本文标题:获取checkbox的值

      本文链接:https://www.haomeiwen.com/subject/amiqhxtx.html