Jquery与javascript实现复选框选中判断

最新推荐文章于 2024-03-01 09:01:11 发布

为你写诗_xue

最新推荐文章于 2024-03-01 09:01:11 发布

阅读量434

点赞数

分类专栏： WEB前端

本文链接：https://blog.csdn.net/LiuShuXiaDeRiLuo/article/details/49667785

版权

WEB前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>复选框是否被选中</title>
    <script type="text/javascript" src="jquery-1.3.1.js"></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>
<script type="text/javascript">
//    //javascript实现
//    var Btn=document.getElementById("btn");//获取Btn
//    Btn.οnclick=function(){
//        //alert("已经触发");
//        var arr=new Array();
//        var checks=document.getElementsByName("check");//获取名为name的数组
//        for(var i=0;i<checks.length;i++){
//            if(checks[i].checked){
//                arr.push(checks[i].value);
//            }
//        }
//        alert("你选中的个数"+arr.length);
//    }
    //jquery实现
    $(function(){
        $("#btn").click(function(){
            alert($("input[type=checkbox]:checked").length);

        })

    })

</script>
</html>

为你写诗_xue

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Jquery与javascript实现复选框选中判断

HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">html>head> title>复选框是否被选中title> script type="text/javascript" src="jquery-1.3.1.js">script
复制链接

扫一扫