Ajax批量操作数据

来源:互联网 发布:广电网络三合一机顶盒 编辑:程序博客网 时间:2024/05/21 11:16

复选框:

<script type="text/javascript" language="javascript">

    //复选框全部选中
    $(function() {
        $("#checkAll").click(function() {
            if (this.checked) {
                $("input[name='check']").each(function() {
                    this.checked = true;
                });
            } else {
                $("input[name='check']").each(function() {
                    this.checked = false;
                });
            }
        });
        
        $("#deleteAll").click(function() {
            if($('input[name="check"]').is(':checked')){
                if(confirm("是否确定要删除!")){
                    $('input[name="check"]:checked').each(function() {
                        var check = $(this).val();
                        $.ajax({
                            url : "FrmGoodsTypeManage.goodsTypeDelete",
                            type : "post",
                            data : {
                                "UID_" : check
                            },
                            dataType : "text",
                            success : function(data) {
                                window.location.href = "FrmGoodsTypeManage";
                            },
                            error : function() {
                                //请求出错处理
                                alert("删除失败!");
                            }
                        });
                    });
                };
            }else{
                alert("请选择删除的商品分类!");
            }
        });
    });

</script>

表格:<td>全选<input type="checkbox" id="checkAll"></td>

            <td><input type="checkbox" name="check" value="${value.items.UID_ }">${value.items.UID_ }</td>

按钮:<td colspan="3"><input type="button" id="deleteAll" value="删除"/> </td>

0 0