JQ删除-----即点即改状态

<td>
	@if($val->fang_status == 0)
	<input class="btn btn-danger radiuss" type="button" value="未租" sta="0">
	@else
	<input class="btn btn-success radiuss" type="button" value="已租" sta="1">
	@endif
</td>
<td>{
    
    {
    
    $val->created_at}}</td>
<td>
	<a title="查看" href="" onclick="layer_show('查看照片','{
    
    {route('admin.fangowner.show',$val)}}',800,500)"
	class="ml-5" style="text-decoration:none"></a>
	<a title="编辑" href="{
    
    {route('admin.fang.edit',$val->id)}}"
	class="ml-5" style="text-decoration:none"></a>
	<a title="删除" href="{
    
    {route('admin.fang.destroy',$val->id)}}" class="del"></a>
</td>

//  给删除按钮绑定值 获取DOM节点
            $(".del").click(function () {
    
    
                //  获取要 删除的 地址
                var url = $(this).attr('href');
                layer.confirm('确认要删除吗?', {
    
    
                    btn: ['去意已决', '考虑一下']
                }, () => {
    
    
                    //  进行发送ajax
                    $.ajax({
    
    
                        type: "DELETE",
                        data: {
    
    _token: "{
    
    {csrf_token()}}"},
                        url
                    }).then((res) => {
    
    
                        if (res.code == 200) {
    
    
                            layer.msg('删除成功', {
    
    icon: 1, time: 2000}, () => {
    
    
                                $(this).parents('tr').remove();
                            })
                        }
                    })
                })
                return false
            })

//  即点即改状态
 $(".radiuss").click(function () {
    
    
                //   获取当前要修改ID
                var id = $(this).parents('tr').attr('val');
                //  获取当前状态ID
                var fang_status = $(this).attr('sta');
                //  发送ajax
                $.ajax({
    
    
                    type : "PUT",
                    url : "{
    
    {route('admin.fang.ajaxstatus')}}",
                    data : {
    
    
                        //  当前 ID
                        id ,
                        //  状态 ID
                        fang_status : fang_status,
                        _token : "{
    
    {csrf_token()}}",
                    }
                }).then((res)=>{
    
    
                    if(fang_status == '0'){
    
    
                        $(this).attr('sta',1)
                        $(this).removeClass('btn-danger').addClass('btn-success').val('已租');
                    }else{
    
    
                        $(this).attr('sta',0)
                        $(this).removeClass('btn-success').addClass('btn-danger').val('未租');
                    }
                })
            })

猜你喜欢

转载自blog.csdn.net/zhouqi1427/article/details/114848095