checkbox 相关问题

复选框是一个图形用户界面元素,允许用户进行二进制选择。

在 Laravel 中,在这种情况下如何在编辑表单上重新加载时获取旧的复选框值?

情况: 有一个带有复选框的编辑表格和其他输入。 在数据库中,与此复选框相关的布尔值为 1。 表单中复选框的代码如下: 情况: 有一个带有复选框和其他输入的编辑表格。 在数据库中,此复选框的布尔值为 1。 表单中复选框的代码如下: <input type="checkbox" name="commerce" value="1" {{ old('commerce', $company->commerce) ? 'checked' : '' }} /> <label>Commerce</label> 编辑表单呈现并按预期选中复选框。之后: 用户删除了FormRequest所需的字符串表单字段的内容。 用户取消选中该复选框。 用户发送表单。 表单会重新加载,因为需要空字符串字段。但是... 尽管用户在发送表单之前取消选中了该复选框,但该复选框现在再次呈现为选中状态。 很容易理解,一旦取消选中该复选框,“commerce”参数就不会随表单一起传递。所以 old("commerce") 确实返回任何东西。然后使用默认值:数据库中的值 ($company->commerce) 等于 1。 在这种情况下,数据库上的值为 1(true),如何让用户选择在重新加载期间让复选框处于未选中状态? 谢谢你, 马西奥 这里的问题是,当您在提交之前没有选中表单中的复选框时,old()助手根本无法识别它,而不是将其识别为未选中。所以对于 Laravel 来说,它是一个 null 值,这就是为什么它总是将复选框的状态设置为 $company->commerce 字段的值。 建议的解决方案是添加检查 old('commerce') 返回的值是否为 null: <input type="checkbox" name="commerce" value="1" {{ !is_null(old('commerce')) && old('commerce', $company->commerce) ? "checked" : "" }}/> 或者你甚至可以使用 @checked() 指令让它变得更整洁: <input type="checkbox" name="commerce" value="1" @checked(!is_null(old('commerce')) && old('commerce', $company->commerce))/>

回答 1 投票 0

最多选择 3 个复选框

我有一个颜色列表,希望用户最多选择 3 种。 当用户选择第四个时,最初选择的框应该取消选中(少于 3 个就可以了)。当用户选择颜色时,它应该

回答 5 投票 0

Angular:Mat-tree - 如何在初始加载期间选择所有复选框

由于 ngxtreeview 在 Angular 16+ 中已过时,我们现在正在研究 mat-tree。 数据加载到 mat-tree 后,根据业务规则,我们需要为少数节点设置默认检查,...

回答 1 投票 0

选中所有复选框时,数据库中所有条目(即使在不同日期)的状态表都会更改值

我正在测试一个出勤网站,记录不同日期的出勤情况(手动更改我的设备上的日期)我有一个状态栏 1 表示出席,0 表示缺席。当我登录参加者时...

回答 1 投票 0

onEdit() 使用复选框时出现“行未定义”错误

如果 B-D 列已填充或未填充,此脚本会尝试在 A 列中添加或删除复选框。如果该行的三列中的每个单元格都已填充,则在列中插入一个复选框...

回答 1 投票 0

如何修复Flutter中Row嵌套在Column异常问题?

在我的代码中,嵌套在列小部件中的行小部件有时会导致异常。我搜索并发现您可以将行嵌套在列中。所以,我无法找到原因,更重要的是......

回答 1 投票 0

使用 JavaScript 选中/取消选中复选框

如何使用 JavaScript 选中/取消选中复选框?

回答 13 投票 0

在Flutter中,如何根据CheckboxListTile的选择设置TextField值?

此链接描述了如何为 TextField 小部件设置初始值。如果选中 CheckboxListTile,我需要能够设置一个值(可能覆盖任何现有值),并清除...

回答 1 投票 0

如果从变量加载初始状态,为什么 Formik 组复选框不起作用?

从“react”导入React; 从“react-dom”导入ReactDOM; 从“formik”导入 { Formik, Field, Form }; const sleep = (ms) => new Promise((r) => setTimeout(r...

回答 1 投票 0

ASP.NET CheckBox 在 js 确认()返回 true 后调用后面的代码

我想实现如果复选框被选中或取消选中,提示确认消息。之后仅执行代码隐藏逻辑来更新数据库。但后来我意识到 __doPostBack

回答 1 投票 0

onEdit() 排除标题行

我一直在阅读有关如何从 onEdit() 中排除标题行的各种帖子。我已经阅读了 offset() 的示例,甚至在其他函数中使用了 shift() 。这个特别的目的是

回答 1 投票 0

如何解决 is_selected() 即使选中复选框也不返回 True 的问题?

我正在使用 selenium python 来检查复选框(如果未选中),但它始终返回 False。 这是复选框的 html 我正在使用 xpath value = "//span[@title='选择

回答 1 投票 0

Javascript 中待办事项列表的复选框符号

我正在尝试用 JavaScript 创建一个待办事项列表应用程序。我使用 HTML 和 CSS 创建了一个复选标记按钮。问题是添加新任务时不显示复选标记按钮,但是...

回答 1 投票 0

CheckBox 中的 setChecked 和 setSelected 不起作用

我有一个 Activity,其中有 5 个片段。我用了 viewPager.setOffscreenPageLimit(fragmentList.size()); 能够一次性创建所有片段 我还有一个会通过的监听器

回答 2 投票 0

如何通过 mousedown 事件选中复选框?

我有以下代码: checkbox.addEventListener('mousedown', function () { if (!this.checked) { this.checked = true; } }); 当鼠标按钮按下时,它应该打开复选框...

回答 4 投票 0

React Native Elements CheckBox 组件不显示复选标记

我目前正在使用 TypeScript 开发一个 React Native 项目,并且遇到了 React-native-elements 库中的 CheckBox 组件的问题。当...

回答 1 投票 0

如何使用从活动单元格到另一列的最后一个条目的范围(VBA)在空白列中添加字符(163)复选框

我正在尝试使用从活动单元格到另一列的最后一个条目的范围在空白列中使用字符键(163)添加复选框,但到目前为止,我只能在空

回答 1 投票 0

将 Excel 中的“是”或“否”响应转换为 Word 中的勾选复选框

我正在将输入到 Excel 工作表中的信息转换为 Word 文档。我在 Excel 中有一个“是/否”选择部分,当我运行该程序时,该结果将发送到 Word 中的某个位置。我会...

回答 1 投票 0

无法移除复选框原始边框

我正在尝试创建 2 个复选框并自定义它们,使它们看起来像一个带有黑色边框的正方形,而不是原来的灰色圆形边框。 我正在使用 jsreport studio。 HTML 代码: 我正在尝试创建 2 个 checkboxex 并自定义它们,使它们看起来像一个带有黑色边框的正方形,而不是原来的灰色圆形边框。 我正在使用 jsreport studio。 HTML代码: <div class="checkboxTable"> <div class="row"> {{#if Racunala}} <div class="cell"><input class="checkbox" type="checkbox" checked> računala</input></div> {{else}} <div class="cell"><input class="checkbox" type="checkbox"> računala</input></div> {{/if}} {{#if Mobiteli}} <div class="cell"><input class="checkbox" type="checkbox" checked> mobiteli</input></div> {{else}} <div class="cell"><input class="checkbox" type="checkbox"> mobiteli</input></div> {{/if}} </div> </div> CSS: input[type='checkbox'] { accent-color: white; outline: 1px solid black; } .checkboxTable { padding-top: 20px; display: table; margin: auto; } .row { display: table-row; } .cell { display: table-cell; padding-left: 50px; } 我期待这段代码 input[type='checkbox'] { accent-color: white; outline: 1px solid black; } 更改边框,但看起来它在原始边框周围添加了一个新边框(此外,当“选中”复选框时,原始边框会消失,就像我发布的屏幕截图一样)。 我可以以某种方式删除它吗? 你可以尝试: input[type=checkbox] { -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; outline: none; content: none; }

回答 1 投票 0

React Native Paper 复选框项目将标签放在复选框后面

我正在使用React Native Expo 来自库react-native-paper/checkbox-item链接 我获得了可点击标签功能,通过点击文本可以选中复选框。 我收到标签检查...

回答 4 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.