<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('未租');
}
})
})
JQ删除-----即点即改状态
猜你喜欢
转载自blog.csdn.net/zhouqi1427/article/details/114848095
今日推荐
周排行