监听页面上的checkbox是否选中

最新推荐文章于 2022-06-01 17:25:35 发布

「已注销」

最新推荐文章于 2022-06-01 17:25:35 发布

阅读量2.1k

点赞数 1

分类专栏：前端文章标签： js 监听页面上的checkbox是否选中

原文链接：https://www.mk2048.com/blog/blog.php?id=hhi2icaji1aa&title=%E7%9B%91%E5%90%AC%E9%A1%B5%E9%9D%A2%E4%B8%8A%E7%9A%84checkbox%E6%98%AF%E5%90%A6%E9%80%89%E4%B8%AD

版权

前端专栏收录该内容

1143 篇文章 3 订阅

订阅专栏

本文介绍了一种使用jQuery实时监测网页中Checkbox被选中数量的方法。通过在Checkbox上绑定change事件，每次状态改变时，都会在控制台输出当前被选中的Checkbox数量，适用于需要动态反馈用户选择情况的场景。

摘要由CSDN通过智能技术生成

第一种

<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>checked</title>
    <script type="text/javascript" src='http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js'></script>
</head>
<body>
<form>
<input  type='checkbox' >
<input  type='checkbox' >
<input  type='checkbox' >
<input type='checkbox' >
<input type='checkbox' >
    </form>
</body>
<script type="text/javascript">
    $(":checkbox").on("change",function(){
        var $checkbox = $(this);
        console.log($('input:checked').length);
    });
</script>
</html>