jQuery操作checkbox选择代码

<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.7.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            // 全选
            $("#btnCheckAll").bind("click", function () {
                $("[name = chkItem]:checkbox").attr("checked", true);
            });
 
            // 全不选
            $("#btnCheckNone").bind("click", function () {
                $("[name = chkItem]:checkbox").attr("checked", false);
            });
 
            // 反选
            $("#btnCheckReverse").bind("click", function () {
                $("[name = chkItem]:checkbox").each(function () {
                    $(this).attr("checked", !$(this).attr("checked"));
                });
            });
 
            // 全不选
            $("#btnSubmit").bind("click", function () {
                var result = new Array();
                $("[name = chkItem]:checkbox").each(function () {
                    if ($(this).is(":checked")) {
                        result.push($(this).attr("value"));
                    }
                });
 
                alert(result.join(","));
            });
        });
    </script>
</head>
<body>
    <div>
        <input name="chkItem" type="checkbox" value="分类一" />分类一
        <input name="chkItem" type="checkbox" value="分类二" />分类二
        <input name="chkItem" type="checkbox" value="分类三" />分类三
        <input name="chkItem" type="checkbox" value="分类四" />分类四
        <input name="chkItem" type="checkbox" value="分类五" />分类五
        <input name="chkItem" type="checkbox" value="分类六" />分类六
    </div>
    <div>
        <input id="btnCheckAll" type="button" value="全选" />
        <input id="btnCheckNone" type="button" value="全不选" />
        <input id="btnCheckReverse" type="button" value="反选" />
        <input id="btnSubmit" type="button" value="提交" />
    </div>
</body>

                网站名称：jQuery操作checkbox选择代码
                

                链接分享：https://www.cdcxhl.com/article10/pcepdo.html
            

                成都网站建设公司_创新互联，为您提供外贸网站建设、网站内链、域名注册、营销型网站建设、企业建站、网站制作            

                广告
                
            

                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                创新互联
            
猜你还喜欢下面的内容