首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何让单选按钮记住edit.blade.php laravel的用户给出的前一个选项

在Laravel中,可以使用Session来实现让单选按钮记住用户给出的前一个选项。下面是实现的步骤:

  1. edit.blade.php视图文件中,使用Laravel的old函数来获取上一次用户选择的选项值。old函数会从Session中获取之前用户提交的表单数据,如果存在则返回对应的值。例如,如果单选按钮的name属性为option,可以使用以下代码来获取上一次选择的值:
代码语言:txt
复制
<input type="radio" name="option" value="option1" {{ old('option') == 'option1' ? 'checked' : '' }}> Option 1
<input type="radio" name="option" value="option2" {{ old('option') == 'option2' ? 'checked' : '' }}> Option 2
  1. 在处理表单提交的控制器方法中,使用validate函数来验证用户提交的数据,并将验证失败的重定向返回到edit.blade.php视图。这样,当用户提交表单时,如果验证失败,页面会重新加载,并且之前选择的选项会被记住。
代码语言:txt
复制
public function update(Request $request, $id)
{
    $validatedData = $request->validate([
        'option' => 'required',
    ]);

    // 处理表单数据

    return redirect()->route('edit', $id)->withInput();
}

在上述代码中,withInput函数会将用户提交的数据存储到Session中,以便在重定向后的视图中使用。

通过以上步骤,单选按钮会记住用户给出的前一个选项。如果用户在编辑页面选择了某个选项,然后提交表单后发生了验证错误,页面会重新加载,并且之前选择的选项会被自动选中。

关于腾讯云相关产品和产品介绍链接地址,可以根据具体需求选择适合的产品。腾讯云提供了丰富的云计算服务,包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站(https://cloud.tencent.com/)了解更多信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

单选按钮用户体验设计

4、通常给一个默认选项 UI设计十原则之一告诉我们用户应该能够取消或重做他们行为。这意味着通过UI控制应该能够用户会到初始状态。在单选按钮情况下,这意味着单选按钮应该预先选择一个选项。...为用户提供一个明确,中立默认选项比要求内隐行为不是从列表中选择要好。 5、设法选项列表垂直排列 横向单选按钮有时很难浏览和布局。...单选按钮水平安排使它不容易告诉用户按钮对应标签:是按钮前面的还是后面的。垂直排列按钮则更佳安全些。 设法选项列表垂直排列,每行一个选项足以。...然而,复选框只适合真对一个选项是开启还是关闭,单选按钮则可以被用到完全不同选项中。 你应该记住如下两种情情况如果两个解决方案都有可能: 替代选项。如果复选框无法完全清晰表明意义,则使用单选按钮。...三、结论 当设计单选按钮时,最重要是遵循设计标准,因为这能增强用户预测哪个选项能做什么和如何操作它。相反地,违反了标准设计会用户感觉到设计界面脆弱,仿佛什么事都有可能没有警告而发生。

6.2K100

Laravel5.8开发环境搭建与CRUD应用实践

撸了今年阿里、头条和美团面试,我有一个重要发现.......>>> ?...在这个面向初学者教程中,我们将学习如何使用最新PHP开发框架Laravel 5.8,来创建一个基于MySQL数据库Web应用,实现联系人增删改查功能。...需要SQL数据表了: ~/crud-app$ php artisan migrate 5、创建第一个Laravel模型 Laravel使用MVC架构模式来将应用解耦为三个部分: 模型Model用来封装数据访问层...视图View用来封装表示层 控制器Controller用来封装应用控制代码并负责模型和视图通信 现在让我们来创建第一个Laravel模型,在终端输入如下命令: ~/crud-app$ php artisan...class="alert alert-success"> {{ session()->get('success') }} @endif 我们还需要添加一个按钮

6.2K30
  • Java Swing用户界面组件:复选框+ 滑块+组合框+边界+单选按钮

    选择组件 前面已经讲述了如何获取用户输入文本。但是在很多情况下,可能更加愿意给用户几种选择而不是用户在文本组件中输入数据。给一组按钮或者一列选项用户做出选择。(这样也免去了检查错误麻烦。)...在很多情况下,我们需要用户只选择几个选项当中一个。当用户选择另一个时候,一个就会自动地取消选择。...这样一组框通常称为单选按钮组(radio button group),这是因为这些按钮工作像收音机上电台选择按钮。当按下一个按钮时, 一个按下按钮就自动地弹起。图9-16显示了典型例子。...这里允许用户在多个选择中选择字体大小—小、中、大和超大—但是,每次只能选择一个选项。 在Swing中实现单选按钮组非常简单。为单选按钮组构造一个ButtonGroup类型对象。...复选框为正方形,并且如果被选择,该正方形中会出现一个对钩符号。单选按钮是圆形,选择以后圈内出现一个圆点。 单选按钮事件通告机制与任何其他按钮一样。当用户点击一个单选按钮时,该按钮产生一个动作事件。

    7.1K10

    【译】W3C WAI-ARIA最佳实践 -- 表单

    如果该组中没有选项被选中,该三态复选框呈现整体状态为未选中。 用户仅使用一个操作,就可以改变三态复选框组中所有选项状态: 选中整体复选框,可以选中组中所有选项。...取消选中整体复选框,可以取消选中组中所有选项。 并且,在某些实现中,系统可能会记住上次选中选项,整体状态为部分选中。如果提供了此功能,第三次激活整体复选框会恢复选项组中部分被选中状态。...菜单栏通常是水平,通常用以创建类似很多桌面应用中窗口顶部附近菜单栏,用户快速访问一组连续命令。...button-按钮 ---- 按钮一个组件,能够用户触发一个操作或事件,例如提交一个表单、打开一个对话框、取消操作、或执行删除操作。告知用户一个按钮会打开对话框惯用方法是将“...”...如果 aria-valuenow 用户不好理解,例如周几一般使用数字呈现,可以将spinbutton元素 aria-valuetext 属性设置为一个字符串,数值选择按钮值更好理解,例如 "Monday

    8.3K30

    UI设计规范:单选按钮 vs 复选框,没那么简单

    使用原型工具:Mockplus 单选按钮和复选框区别 什么时候使用单选按钮? 有两个或两个以上互斥选项用户必须且只能从中选择一个。...一个提供午餐外卖服务app, 在用户选择送餐时间时,使用了复选框组件。...这既违背了设计初衷(希望用户从中选择一个时间段),又给用户带来了困扰,是不是我同时勾选两个时间段,就代表在这整个大区间内送餐都是可以呢? 错误二:选项文本中使用否定词 ?...能使用单选按钮时,尽量不使用下拉菜单。在所有选项都被清晰地列举出时,用户更容易进行比较,做出正确选择。 2. 使用单选按钮时,一定要提供一个已经选中默认选项。 3....单选按钮和复选框都不用于触发任何动作。 4. 选项句式不宜过长,最好能让用户迅速抓住关键信息。 以上三点错误和四条建议,是用好单选按钮和复选框这两个组件关键。

    2.1K30

    后台系统设计(上篇:选择)

    常见类型: ·单选按钮 ·复选框 ·图标切换 ·切换开关 ·穿梭框/列表构造器 ·下拉菜单 一、单选按钮 允许用户从一组相互排斥选项中选择一个。通常,将一个选项定义为默认选择。 外观 常规: ?...在单个选项下,存在多组互斥选项,且互斥选项组之间存在一定关系,可以考虑混用分段控件和常规按钮,由于分段控件在视觉上占用更大面积,故给人在层级上更加置。 ?...·在用户与复选框交互时,请提供良好视觉反馈,且按钮本身状态提供良好能供性(默认、悬停、选中、禁用和未全选状态)。 讨论:仅有两个互斥选项(二元)是选择单选按钮还是复选框?...但是如果源列表选项过多,又想被选中选项更容易被看到,穿梭框则是不错选择。 ?...颜色下拉控件应该有允许用户输入地方,这样用户就可以更加方便直观输入品牌色或其他需求;对于自定义设置,可提供一部分色卡,这样对于不知如何下手、不知如何搭配颜色的人而言,提供了简单选择。 ?

    9.7K21

    Laravel Ignition 功能全解析

    甚至:我们还将给出传递给视图所有数据列表。 用户选项卡 ? "用户" 选项卡包含有使用应用程序用户和浏览器更多信息。 上下文选项卡 ?...在 Context 选项卡中,我们显示关于您 repo (repo 位于何处,签出提交 hash) 和环境 (您使用 PHP 和 Laravel 哪个版本) 信息。 调试选项卡 ?...当用户点击Fix this for me 修复按钮时,run函数将执行。 您可以将参数从异常发生请求传递到将运行解决方案请求。 getRunParameters返回一个数组。...这个选项卡替换了默认 stack trace 选项卡,使用一个自定义选项卡,允许您在错误屏幕上编辑代码。它就在如下操作。 ?...想学习如何添加自定义选项卡,请访问the documentation on adding tabs.

    3.1K40

    【愚公系列】《AI智能化办公:ChatGPT使用方法与技巧从入门到精通》 023-ChatGPT办公应用(ChatGPT在Word中应用)

    这将打开一个侧边栏或弹出窗口,您开始与ChatGPT交互。...创建新 API 密钥: 在 API 密钥页面上,您通常会看到一个按钮选项来创建一个 API 密钥。 点击该按钮,系统会生成一个唯一 API 密钥并将其分配给您。...3、选择“启用所有宏”单选按钮,并单击“确定”按钮,如图所示。...并选中编辑区中文字执行“开始→ ChatGPT插件”选项,如图8-41所示,ChatGPT就会在文档中给出回复。...祝愿你们未来充满光明,无论遇到什么困难,都能以乐观心态去面对,勇往直记住,每一位同学在我心中都有着不可替代位置,你们成长和成功将是我最大期望和喜悦。 再见了,亲爱初三4班同学们。

    15320

    Java实现机考程序界面

    机考界面如下(单选题),上方是题目状态,下方是题目,1/5/1是已做题目数量、总共题目数量和答对题目数量。 再看一下多选题界面。 判断题界面。 回答正确时反馈,会给出用时。...首先是单选题,定义一个单选题类,题目内容和四个选项以及正确答案都用字符串来表示,并为之设置一个带参构造函数。...类似的定义一个多选题类,多选题和单选题唯一区别在于多选题正确答案不止一个,但我们都可以通过一个字符串来表示正确答案,因此这两个类实现是一模一样。...将四个按钮加入到按钮组中,确保在同一个按钮组中只有一个单选按钮可以被选中,当用户选中其中一个单选按钮时,其他单选按钮会自动变为未选中状态,实现单选功能。...设置提交按钮,实现一个事件监听器,当按钮被点击时候调用提交答案方法,再设置一个定时器,如果作答超过20秒将自动提交答案完成作答。 最后创建一个线程giveQuestion用来展示题目。

    20210

    SQL Server数据库漏洞评估了解一下

    在这里,您将看到漏洞评估选项接着选择扫描漏洞。如果您之前运行过一个VA,则可以通过选择“打开现有扫描”来访问它。 ? 它会弹出一个窗口,然后我们按下图所示选择好结果保存位置。...““dbo”用户不应该用于正常服务操作”,啥意思呢?“dbo”或数据库所有者是一个用户帐户,它隐含了执行数据库中所有活动权限。sysadmin固定服务器角色成员自动映射到dbo。...此规则检查dbo不是唯一允许访问此数据库帐户。请注意,在新创建干净数据库中,在创建其他角色之前,此规则将失败。总结一句话就是你得为你数据库创建一个单独用户来提高安全性。如图所示: ?...它甚至给了我们一个复制按钮,以复制出脚本和选项打开它在查询窗口。 ? 只指出错误而不给出解决方法行为是可耻,所以伟大微软给出了我们来补救步骤以及脚本。...这里我们进一步向下滚动,您将看到建议补救步骤和脚本。如果没有提供脚本,它将为您提供一个链接,通过这个链接可以找到有关如何解决问题正确文档。在我看来,VA做了很好解释解决问题所需东西。

    87930

    Python 图形化界面基础篇:添加单选按钮( Radiobutton )到 Tkinter 窗口

    在本文中,我们将详细解释如何在 Tkinter 窗口中添加单选按钮,并如何获取用户所做选择。 什么是 Tkinter 单选按钮( Radiobutton )?...Tkinter 单选按钮( Radiobutton )是一种用于选择一个选项 GUI 元素。单选按钮通常用于一组互斥选项用户只能选择其中一个。...通常,单选按钮将一组相关选项放在一起,用户可以选择其中一个选项,而选择其他选项会自动取消之前选择。 让我们开始学习如何在 Tkinter 窗口中添加单选按钮。...完整示例代码 以下是一个完整示例代码,演示如何创建一个 Tkinter 窗口并在其中添加两个单选按钮,并在按钮点击时获取用户选择选项: import tkinter as tk # 创建Tkinter...结论 在本文中,我们学习了如何在 Tkinter 窗口中添加单选按钮,并如何获取用户所做选择。单选按钮是 GUI 应用程序中常用元素,用于提供一组互斥选项

    2K71

    7-2.表单-HTML基础

    ① 实际开发 在实际开发中,对于同一组单选框,必须要设置一个相同name,只有这样做才会把这些选项归为同一组中。 ② 示例 Ⅰ.例1 <!...复选框示例1.png 复选框中name跟单选框中name都是用来设置组名”,表示该选项位于哪一组中。...3.reset-重置按钮 在HTML中,reset-重置按钮一般用来清除用户在表单中输入内容,它其实也可以看成特殊普通按钮。...重置按钮:一般用来清除用户在表单中输入内容。 九、文件上传 在HTML中,文件上传也是使用input标签来实现,其中type属性取值为file。...(1)最节省页面空间 下拉列表是一种最节省页面空间方式,因为它在默认情况下只显示一个选项,只有当我们点击它时才会看到全部选项

    2.3K21

    勇闯28个关卡学会HTML与HTML5基础

    用户输入了表单中信息,但是没有一个提交按钮,这个信息是不会自动提交到服务端 所以我们需要在表单中加入button元素(按钮元素),并且给它type属性一个“submit(提交动作)”类型 用户点击这个按钮就会提交表格中所有输入框内信息...过关目标 input元素加入required属性,把输入框变成一个必填项,用户如果没有填写内容将无法提交表单 加入后尝试在输入框中没有填写内容时点击"Submit"按钮,看看HTML5时如何提醒我们必填内容未完成...当我们在表单中询问用户一个问题,并且希望用户给出多选一答案。...这个时候我们就可以使用单选按钮单选按钮是input元素中其中一种类型。 要使用单选按钮,我们需要把每一个单选input元素包裹在一个label元素中。...把checkbox复选框组合一个选项设置为默认选中。 过关条件 单选框组合一个单选项默认被选中 复选框组合一个选项默认被选中 学会了什么?

    1.4K41

    为什么单选按钮和复选框不能共存?

    单选按钮和复选框具有类似的功能,并在相同上下文中使用,但它们外观并没有统一之处。 单选按钮和复选框 单选按钮表示相互排斥选项,而复选框表示相互包含选项。...这两种组件通常都用于从列表中选择选项场景。然而,它们是两种不同视觉提示,单选按钮一个圆里面有一个点,而复选框是一个正方形里面有一个勾选标记。...用户如何知道是单选还是多选? 组件上提供标签提示通常能告知用户可以进行多选还是单选。当用户可以选择多个选项时,标签单词后缀是复数形式。当用户只能选择一个选项时,标签单词后缀是单数形式。...它还有一个额外好处就是更吸引人,更容易被识别。 把Check Circles用于列表选项选择,用户就不会被单选按钮和复选框之间差异分散注意力了。他们可以更多地关注选项标签,选择最适合自己选项。...用户是否只能选择一个或多个选项并不重要。他们将根据选项标签指示进行选择,而不是组件类型。 旧设计实践在不断发展 单选按钮和复选框已经共存很久了。

    1.5K20

    使用 CSS Checkbox Hack 技术制作一个手风琴组件

    这里运用是:checked 伪类选择器,其意思就是”如果选中了表单(复选框、单选按钮),则应用相关样式规则“ 我们通常隐藏表单控件,然后结合来控制复选框或单选选择,制作一些特殊效果...然后我们创建相应单选按钮,并为其分配内容关键词: 建立无序列表 接下来,我们设置一个包含4行无序列表,每行列表包含了标题项标签和内容项标签: 首先我们在标题选型卡外层定义标签...70px,以及定义鼠标经过外观样式: 由于宽度有限,我们需要旋转标题文字方向,其由下往上垂直显示,示例代码如下: 最后我们来定义选项卡内容文本样式,我们应该默认第一个选项内容出于展示状态...同时为了用户区分选中了哪个选项卡,我们需要定义选项卡出于选中状态时标题颜色。...最后定义一个可选外观样式,当每个单选按钮获取焦点时,我们为lable标签定义outline属性,这个细节帮组我们增强组件可访问性。

    5.3K30

    文档和元素几何滚动

    还有一个onreset事件处理程序来检测表单重置。表单提交将会调用onsubmit程序,如果回调函数返回值为false则会取消表单提交动作。这是js程序一个用来检查用户输入错误。...开关按钮 复选框和单选元素为开关按钮,或称之为有两种视觉状态按钮。即选中或未选中。通过对其单击,用户可以改变其开关状态。...当用户单击按钮,会触发onclick事件,由于改变状态会触发onchange事件,但是,当用户单击其他单选按钮而导致这个单选按钮状态改变,后者不触发onchange事件。...文本域 placeholder能显示用户输入在输入域中显示提示信息。...选择框和选项元素 当用户选取或取消选择一个选项时,select元素将会触发onchange事件处理程序。

    5.2K00

    扩展 Vue 组件

    示例: 调查问卷 这里有一个使用 Vue.js 制作调查问卷: 你可以很明显地注意到每一个问题都有一个与之相关 input 类型: 文本输入 下拉选择 单选按钮 良好工程结构应该将这些问题(不同...暂时先忘掉 template 标签吧,我们如何每个子组件都继承基组件 props 属性呢?...每一个子组件既需要question这个 prop 属性,同时也要拥有自己私有的 props 属性: 我们可以通过引入这个基组件并且在子组件extends选项里指向它来达到这个目的: <template...扩展模板 扩展组件选项看起来很简单 — 那么模板(template)呢之前合并策略并不适用于template选项....我们要么完全继承自基组件, 要么重新定义template选项并覆盖它,那我们如何合并它呢? 我解决方式是使用 Pug 预处理器.

    1.7K20

    VBA表单控件(三)

    大家好,上节演示了数值调节钮和滚动条小示例,本节开始介绍单选框、分组框和复选框控件内容。 一、单 选 框 单选框在网页中一般都有遇到,下面介绍如何在工作表中添加单选框,以及如何使用。...加入了多个单选框后,它们实际组成一组,点击单选圆形选择框,可以发现只能选择其中一个。 具体使用时,在单选框控件上右键,选择设置控件格式--控制--单元格链接--选择显示结果单元格。...下面插入分组框,将选项按钮1和2框起来作为一组。可以发现此时点击选项按钮1和2,A4单元格值随之变化。...但再去选项按钮3和4时,可以发现并不影响选项按钮1和2选择,同时因为没有设置单元格链接,所以点击时也并没有值显示。...此时重新设置选项按钮3设置控件格式,设置单元格链接为A6单元格,点击选型按钮3和4时可以发现数值又从1开始起变化。 两个分组框中单选项相互不影响,即通过分组框将不同组单选框分隔开来。

    4.6K20

    表单 相关

    如姓名、性别、用户名、密码等。 而如何建立一个用户友好信息提供界面就需要交互式表单控件 协助。...---- ---- |表单控件| 单行输入框   —>单选框   —>多选框 多行输入框 选项菜单 按钮一个只有开始标签没有结束标签内联元素,其作用于用户输入一行限制字符串。...,选择范围太小,对于用户友好信息获取界面,我们希望用户只需点击到”男”这个字样便能选择到选项,于此,我们只需要将 分别包裹单选框即可,如: 当信息获取需要用户选取合适选项时,往往会出现选项众多情况,这种情况下 单单 单选框就显得有些不足了,因而我们需要选项菜单 以及选项 <option

    1.8K30

    IT课程 HTML基础 013_表单和用户输入

    单选按钮(Radio Buttons) 单选按钮和复选框可以用户在多个选项中选择一个或多个。单选按钮type属性值为 “radio”。...复选框(Checkboxes) 复选框可以选取一个或多个选项,使用 定义 示例: 您使用过APP: <input type="checkbox...下拉列表(select) 下拉列表可以<em>让</em><em>用户</em>从多个<em>选项</em>中选择<em>一个</em>。它由元素创建,并使用元素来定义<em>选项</em>。...可以使用 size 属性来指定下拉列表中可见<em>选项</em><em>的</em>数量。 提交<em>按钮</em>(Submit、Reset、Button) 表单通常需要<em>一个</em><em>按钮</em>来提交或确认<em>用户</em><em>的</em>输入。...name、cols、rows select 选择 用于接收<em>用户</em>选择,它可以包含多个<em>选项</em>。 name、multiple、size option 选择 用于 select 元素中,定义可供选择<em>的</em><em>选项</em>。

    9410
    领券