javascript - 如何从切换按钮返回真假
问题描述
单击提交按钮时如何从此按钮返回 1 和 0 值,以便将其保存到数据库。
add.blade.php
<input type="checkbox" checked data-toggle="toggle" data-onstyle="success" data-offstyle="danger" data-size="large" id="togBtn" name="status" value="1" onclick="getValue()">
<script>
function getValue(){
if (document.getElementById('togBtn').checked) {
console.log("Checked");
document.getElementById('togBtn').setAttribute("value", "1");
} else {
console.log("Not Checked");
document.getElementById('togBtn').setAttribute("value", "0");
}
console.log(document.getElementById('togBtn').getAttribute("value"));
}
</script>
我的控制器
public function store(CreateRoomTypeRequest $request)
{
// dd($request->all());
$data_room = [
'room_type'=>$request->room_type,
'description'=>$request->description,
'max_adults'=>$request->max_adults,
'max_children'=>$request->max_children,
'price'=>$request->price,
'status'=> $request->status,
];
$room_type = RoomType::create($data_room);
状态应在错误情况下返回值 0,在真实情况下返回 1,但在真实情况下仅返回 1,在错误情况下返回 null。它应该返回 0 但它返回 null
提前致谢
解决方案
function getValue() {
if (document.getElementById('togBtn').checked) {
console.log("Checked");
document.getElementById('togBtn').setAttribute("value", "0");
} else {
console.log("Not Checked");
document.getElementById('togBtn').setAttribute("value", "1");
}
console.log(document.getElementById('togBtn').getAttribute("value"));
}
<input type="checkbox" data-toggle="toggle" data-onstyle="success" data-offstyle="danger" data-size="large" id="togBtn" name="status" value="1" onclick="getValue()">
你可以做这样的事情来设置一个特定的值。你可以勾选 Checked not checked 然后你可以根据checked unchecked值传递数据
推荐阅读
- node.js - 如何将处理后的数据推送到列表,然后从快递发送响应?
- node.js - NodeJs global.process
- c# - 如何在 C# 中合并 .txt 文件?
- python - 如何使用 pyopengl 加载和显示带有 .mtl 纹理的 .obj 文件
- excel - 如何强制 Excel 加载项在首次启动时加载默认设置
- export-to-excel - 在 C# windows 应用程序中使用 EPPlus 导出到 Excel 时引发了“System.OutOfMemoryException”类型的异常
- python - 生成器函数卡在第一个 if 子句中,有限状态机
- c++ - 为什么运算符删除重载不会在调用删除时调用无限递归调用
- css - 如何强制包含不断增长的 HTML 表格的 React 组件保持在预期的最大尺寸内?
- sql-server - 动态 SQL 在运行时未正确构造