温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JQuery操作CheckBox实例

发布时间:2020-07-29 19:33:57 来源:网络 阅读:223 作者:MaginaDF 栏目:web开发
$(function () {
      
    //全选、取消全选
    $("#chkAll").bind("click", function () {
        $("[name = chkItem]:checkbox").attr("checked", this.checked);
    });
    //单个点击全部选择,然后全选选中
    $("[name = chkItem]:checkbox").bind("click", function () {
        var $chk = $("[name = chkItem]:checkbox");
        $("#chkAll").attr("checked", $chk.length == $chk.filter(":checked").length);
    })
    // 全选
    $("#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(","));
    });
      
       
});


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI