js怎么实现选中复选框得出个数？

最新推荐文章于 2024-04-26 16:47:03 发布

武三水

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量465

点赞数 1

本文链接：https://blog.csdn.net/weixin_48093247/article/details/106842025

版权

js怎么实现选中复选框得出个数？

```java
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>复选框使用</title>
    <script type="text/javascript">
        window.onload = function(){//页面所有元素加载完毕
            var btn = document.getElementById("btn");  //获取id为btn的元素(button)
            btn.onclick = function(){				   //给元素添加onclick事件
                var arrays = new Array();              //创建一个数组对象
                var items = document.getElementsByName("check");  //获取name为check的一组元素(checkbox)
                for(i=0; i < items.length; i++){  //循环这组数据
                    if(items[i].checked){      //判断是否选中
                        arrays.push(items[i].value);  //把符合条件的 添加到数组中. push()是javascript数组中的方法.
                    }
                }
                alert( "选中的个数为："+arrays.length  );
            }
        }
        </script>
</head>
<body>
    <form method="post" action="#">
        <input type="checkbox" value="1" name="check" checked="checked"/>
        <input type="checkbox" value="2" name="check" />
        <input type="checkbox" value="3" name="check" checked="checked"/>
        <input type="button" value="你选中的个数" id="btn"/>
    </form>
</body>
</html>

效果图：
在这里插入图片描述

武三水

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
js怎么实现选中复选框得出个数？

js怎么实现选中复选框得出个数？```java<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>复选框使用</title> <script type="t
复制链接

扫一扫

js怎么实现选中复选框得出个数？

js怎么实现选中复选框得出个数？

“相关推荐”对你有帮助么？