js获取input checkbox的选中值

最新推荐文章于 2025-09-30 08:44:25 发布

原创最新推荐文章于 2025-09-30 08:44:25 发布 · 3.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html #js #checkbox

HTML 专栏收录该内容

8 篇文章

订阅专栏

博客包含HTML代码和JS代码，虽未展示具体内容，但体现了前端开发中这两种技术的结合运用，在网页开发里，HTML负责结构，JS负责交互等功能。

HTML代码：

<form action="/test/action" method="get">
    <input type="checkbox" name="myname" value="1"/>1
    <input type="checkbox" name="myname" value="2"/>2
    <input type="checkbox" name="myname" value="3"/>3
    <input type="checkbox" name="myname" value="4"/>4
    <input type="checkbox" name="myname" value="5"/>5
    <input type="button" onclick="formSubmit()" value="提交" />
</form>

js代码：

<script>
    function formSubmit() {
        var obj = document.getElementsByName("myname");
        var check_arr = [];
        for (var i = 0; i < obj.length; i++) {
            if (obj[i].checked)
                check_arr.push(obj[i].value);
        }
        alert(check_arr);
    }
</script>