javascript - 如何在 laravel 中使用 ajax 保存复选框值?
问题描述
我正在尝试将复选框的值保存在 laravel 中。我可以保存所有文本字段并且所有代码都有效。当我尝试保存复选框的值时,代码会中断。这是我尝试过的。感谢所有帮助。
这是我的控制器
public function addTodo(Request $request)
{
$status = Todo::has('status') ? true: false;
$todo = new Todo;
$todo->item = $request->item;
$todo->description = $request->description;
$todo->status = $request->status;
$todo->save();
return response()->json($todo);
}
这是我的 HTML
<div class="form-group">
<div class="col-sm-10">
<input type="checkbox" name="status" id="status" value="1"
placeholder="Your description Here" required>
</div>
</div>
</div>
这是我的脚本
$(document).on('click','.create-modal', function() {
$('#create').modal('show');
$('.form-horizontal').show();
$('.modal-title').text('Add Item');
});
$("#add").click(function() {
$.ajax({
type: 'POST',
url: '/addTodo',
data: {
'_token': $('input[name=_token]').val(),
'item': $('input[name=item]').val(),
'status':$('input[name="status[]:checked'].val()
},
success: function(data){
if ((data.errors)) {
$('.error').removeClass('hidden');
$('.error').text(data.errors.item);
} else {
$('.error').remove();
$('#table').append("<tr class='post" + data.id + "'>"+
"<td>" + data.id + "</td>"+
"<td>" + data.item + "</td>"+
"<td>" + data.status + "</td>"+
"<td><button class='show-modal btn btn-info btn-sm' data-id='" + data.id +
"' data-item='" + data.item + "' data-status='" + data.status + "'> +
<span class='fa fa-eye'></span></button> +
<button class='edit-modal btn btn-warning btn-sm' data-id='" +
data.id + "' data-item='" + data.item + "' data-status='" +
data.status + "'><span class='glyphicon glyphicon-pencil'></span></button> +
<button class='delete-modal btn btn-danger btn-sm' data-id='" +
data.id + "' data-item='" + data.item + "' data-status='" + data.status +
"'><span class='glyphicon glyphicon-trash'></span></button> +
</td>"+ "</tr>");
}
},
});
$('#item').val('');
$('#status').val('');
location.reload();
});
解决方案
试试这个
$('input[name="status"]:checked').val()
推荐阅读
- bash - 如何从包含这么多文件的 nginx.conf 中提取所有服务器 conf 文件?
- c# - 如何通过 XAML 中的 CommandParameter 传递当前聚焦的元素名称?
- node.js - 从 model.schema 创建一个空的 obj
- firemonkey - Delphi 错误创建表单:读取 PastMovesGrid.OnClick 时出错:属性 OnClick 不存在
- r - ggplot2:组合组、颜色和线型
- java - jdeps 命令与 `--multi-release` 选项一起使用失败
- python - 紫外-可见光谱,使用 readline() 方法
- apollo - 使用不同的 ID 字段名称更新 Apollo Optimistic UI
- html - 转换为图像的 HTML 元素
- python - Python:无法检查文件的内容