复选框全选与复选框取值

最新推荐文章于 2022-08-20 00:12:13 发布

xinxinji

最新推荐文章于 2022-08-20 00:12:13 发布

阅读量771

点赞数 1

分类专栏： jquery 文章标签：全选复选框全选取值反选

本文链接：https://blog.csdn.net/xinxinji/article/details/50518327

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

针对复选框取值，全选，反选整理了一下

废话不说了，直接上全选，反选，取值代码，贴到根目录index.html就可以

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>批量获取复选框的值</title>
    <input class="chk" type="checkbox" value="1" />1<br/>
    <input class="chk" type="checkbox" value="2" />2<br/>
    <input class="chk" type="checkbox" value="3" />3<br/>
    <input class="chk" type="checkbox" value="4" />4<br/>
    <input id="che" type="checkbox" value="a" />全选<br/>
    <input type="BUTTON" value="取值"/>
</head>
<body>
<script src="jq.js" ></script>
<script type="text/javascript" >

    $("#che").click(function () {
        $(".chk").prop("checked", $("#che").prop("checked"));
    });

    $("input:button").click(function () {
        // 取值方式一  这个取值为选中复选框中值
        var obj = $("input:checked");
        var chk_value =[];

        obj.each(function(){
            chk_value.push($(this).val());
        });
        alert(chk_value);
        // 取值方式二 这个是取所有复选框值
        var obj = $(".chk:checkbox");
        for (var i = 0; i < obj.length; i++) {
            alert(obj.eq(i).val());
        }
    });
</script>
</body>
</html>

访问index.html 想要的效果必须得有！！！

不喜勿喷快哭了