我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

JQuery操作CheckBox实例

$(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(","));
    });
      
       
});

文章题目:JQuery操作CheckBox实例
URL地址:http://shouzuofang.com/article/jeedgd.html

其他资讯