lew*_*s4u 1 php ajax checkbox jquery
我想通过 jquery 和 ajax 使用复选框切换表中的布尔值。
因此,每当用户勾选复选框时,它应该切换表中的值。
到目前为止,我想出了这个,但我需要帮助:
$(document).ready(function(){
$("input:checkbox").change(function() {
var isChecked = $("input:checkbox").is(":checked") ? 1:0;
$.ajax({
type:'POST',
url:'/activation',
headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}' },
data: $('.checkbox').serialize(),
success:function(data){
}
});
});
});
Run Code Online (Sandbox Code Playgroud)
@andre的答案是正确的,但是
if($user->active == 1){
$user->active = 0;
} else {
$user->active = 1;
}
Run Code Online (Sandbox Code Playgroud)
这部分可以通过一行完成
$user->active = !$user->active;
Run Code Online (Sandbox Code Playgroud)
我唯一要修改的就是返回 ajax 调用的答案,让它知道发生了什么。
public function activation(Request $request)
{
$user = User::findOrFail($request->user_id);
if($user->active == 1){
$user->active = 0;
} else {
$user->active = 1;
}
return response()->json([
'data' => [
'success' => $user->save(),
]
]);
}
Run Code Online (Sandbox Code Playgroud)
And now in the front-end part:
$(document).ready(function(){
$("input:checkbox").change(function() {
var user_id = $(this).closest('tr').attr('id');
$.ajax({
type:'POST',
url:'/activation',
headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}' },
data: { "user_id" : user_id },
success: function(data){
if(data.data.success){
//do something
}
}
});
});
});
Run Code Online (Sandbox Code Playgroud)