jQuery checkbox全选 和全部取消

1.chkAll选中,全部chk选中  ,chkAll取消选中,全部chk取消选中 

//chkAll选中,全部chk选中  ,chkAll取消选中,全部chk取消选中 
$("#chkAll").click(function () {
                $(".chk").prop("checked", $(this).prop("checked"))
           })

 2.chk全部选中时,“全选选中”

 

//chk全部选中时,“全选选中”
            $(".chk").click(function () {
                var flag = true;
                var chk = $(".chk")
                for (var i = 0; i < chk.length; i++) {
                    if ($(chk[i]).is(':checked') == false) {
                        flag = false
                        break
                    }
                }
                if (flag == true)
                    $("#chkAll").prop("checked", true)
                else
                   $("#chkAll").prop("checked", false)
 })

 

 

       

3.删除

 //删除
        $("#delete").click(function() {
            if (!confirm("确定要删除吗")) {
                return false;
            }
            var items = ''
            $(".cb").each(function() {
                if ($(this).is(':checked') == true) {
                    items += $(this).val() + ","
                }
            })
            //去除最后一个逗号
            items = items.substring(0, items.length - 1);
            if (items != '') {
                $.post("CN061_GemStoneDelete.ashx", { items: items }, function(result) {
                    if (result == 'ok') {
                        //删除成功,刷新
                        window.location.reload();
                    }
                });
            }
            else {
                alert('请选择要删除的项');
            }
        })

 

posted on 2015-08-14 15:34  包子wxl  阅读(1100)  评论(0编辑  收藏  举报