代码改变世界

监听页面上的checkbox是否选中

2016-12-05 11:54  改吧  阅读(11366)  评论(0)  编辑  收藏  举报

第一种

<!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>

可以实时监听页面上有几个checkbox的值是checked