项目中出现单选框的一系列奇葩错误

最新推荐文章于 2023-01-29 16:33:44 发布
VIP文章 最新推荐文章于 2023-01-29 16:33:44 发布
阅读量304 收藏
点赞数 1
分类专栏： 专题文献
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44543219/article/details/91352794
版权

代码编程过程出现一系列奇葩问题，明明就是很简单的问题，可偏偏就是找不到问题所在。经过他人指点，终于找到了突破口。
问题点一：能够获取到单选框的选中值，可是不能回填单选框的选中值。
在这里插入图片描述
问题点分析：本来只要我的单选框选中值和input标签的value值对应，数据的回填就不会出现什么问题，可是我对应了单选框选中值和input标签的value值还是回填不成功，然而因为我使用的是form表单直接提交数据，所以不单单只需要对应单选框选中值和input标签的value值。使用form表单提交还需要是控制器方法中的字段与input标签中的name一致。

解决方法：添加input标签的name，并且使input标签的name值和控制器方法中的字段保持一致。

问题点二：我想要返回单选框false状态下的值，可是回填数据是无法回填正确。它一直返回的是默认选中值，也就是input上带有checked类的值。
在这里插入图片描述
问题点分析：在上图中红色圈中部分是自己原本写的源代码，未圈中的是在页面选中值自动添加的代码。检查发现当我改变选中值时，我自己原本写的源代码没有发生任何改变，改变的是在我选中时自动生成的代码࿰

最低0.47元/天 解锁文章
一只快乐的蓝胖纸
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
tkinter中的单选框Radiobutton应用实例
12-22
原文地址 分类目录——tkinter 先看效果 Radiobutton使用 var1 = tk.StringVar() var1.set('B') # 设置哪一个被默认选中，如果设置值不在可选项中，则全不被选中 r1 = tk.Radiobutton(window, text='Option A',variable=var1, value='A', command=print_selection) # Radiobutton 单选框 # 可供传入的属性有: activebackground, activeforeground, anchor,
Android studio APP开发 单选框和复选框
01-03
单选框和复选框 单选按钮和复选按钮都是普通按钮Button的子类，所以可以使用所有Button的方法和属性。也有自己特有的属性方法 单选框 单选框就是在多个选项中只选择一个。 在Android中，单选按钮用RadioButton表示，而RadioButton类又是Button子类。 通常情况下，RadioButton组件需要与RadioGroup组件一起使用。 设置单选框 android:checked 为指定选中状态，即设定一个默认选择的按钮。 获取单选框组中选中项的值 通常在以下两种情况下获取单选框组中选中项的值。 在改变单选框组的值时获取 在单击其他按钮时获取 获取单选框组选值的基
unity-复选框，单选框
09-07
unity-复选框，单选框
列表数据单选选中问题
alessia_wang的博客
01-29 198
列表单选选中效果不正确
layui弹出层父页面与子页面的传值，父页面调子页面的方法。
weixin_30359021的博客
07-29 2014
$('.mytable').on('click', '.editRow', function () { var table = $('#table_id_example').DataTable(); var rowData = table.rows({selected: true}).data()[0]; if (rowData) { layer.open({ ...
layui框架——弹出层layer
热门推荐
meixu568的专栏
07-26 9万+
两种调用方法： 1、引用独立的layer.js文件 引入好layer.js后，直接用即可 <script src="layer.js"></script> <script> layer.msg('hello'); </script> 2、调用layui中的layer模块 layui.use('layer', function(){ ...
layui向body添加html_layui 各项配置
weixin_39599372的博客
12-22 1313
第一、如何全部选中table中每一条记录1.首先给table的父类设置一个唯一id *这种方式不推荐，效果比较差，推荐第2种方式再搜索 alias-table div.layui-table-fixed.layui-table-fixed-l下面的i元素var bbcc= $('#alias-table div.layui-table-fixed.layui-table-fixed-ldiv....
解决获取和回填单选框的一些问题
weixin_57784746的博客
05-29 638
开发工具与关键技术:VS jQuery 作者：陈啸天 撰写时间：2022/5/27 我们在做项目时，通常会做到性别单选框的问题，做性别单选框时，我们要注意以下问题。如：我们在给input标签属性时，我们要将性别的name属性设置相同的值，这样我们才能选择一种性别。假如input中name属性中的值不相同， 就会出现以下情况，男，女性别可以同时选择上 所以我们在做性别单选框时，一定要将name属性设置相同的值，这样才不会出现以上的情况。 当我们在做新增功能时，我们需要获取性别的值时，我
解决layui 添加节点 把弹框关闭后自动生成未命名节点 问题
ls13219681990的博客
04-22 1393
layui2.55版本终于出来了tree功能，但是使用上面不尽人意。这里就解决一个真实使用时会遇到的问题。 问题： 点击添加节点 假如我们之间点取消的话 选中的节点会自动添加一个节点 名称为未命名 解决办法： 第一步：找到layui.tree的JS文件 第二步：在layui.tree文件中搜索 if ("...
jquery 获取input radio/checkbox 的值 【注意写法】
weixin_30740295的博客
04-07 149
今天，在用jquery获取页面上radio值的时候，radio给出了默认值，但是无论如何修改值，radio始终是默认值，去掉默认值的时候，页面上又报出了undefined的错误。经过几番搜索，发现不同的浏览器结果是不一样的，关键是jquery获取值的写法。一般情况下，是这样的写法，input:radio[name='XXX'][checked].val();input[name='XXX'][ch...
易语言源码单选框选择框选中状态.rar
03-30
易语言源码单选框选择框选中状态.rar 易语言源码单选框选择框选中状态.rar 易语言源码单选框选择框选中状态.rar 易语言源码单选框选择框选中状态.rar 易语言源码单选框选择框选中状态.rar 易语言源码单选框选择...
一组好看的单选框样式
08-13
这是一组好看的炫酷的单选框。一套的表单样式能让表单好看漂亮。动态选择。
微信小程序开发 uniapp【bug修复】点击事件 传值 数据结构错误 $orig
wangbaobao512的博客
08-15 1133
微信小程序开发 uniapp【bug修复】点击事件 传值 数据结构错误 $orig
layui单选框传值不变的bug问题
weixin_39218464的博客
05-10 1055
发现layui传值不管怎么选发送到后端都是固定不变的第一个单选值，后来发现是因为存在label标签导致，因此将label标签换成div标签 <div class="layui-form-item"> <label class="layui-col-xs1 think-form-label ">申请类型</label> <div class="layui-col-xs3">
iOS开发中 经常遇到的坑，看我就够了！ 韩俊强的博客
weixin_34242819的博客
02-08 493
从事iOS开发有些年月了，从最开始的磕磕绊绊，不知所措，到现在的遇到困难都能快速做出最佳方案处理，中间经历了不可或缺的痛苦。在项目开发中，本人有用印象笔记记录的习惯，所以很多重复出现的坑，很快迎刃而解，而不在同一个地方摔倒两次。为此，特意总结了一下开发中经常遇到的坑，有些可能和你形成共鸣，有些在你看来或许是小儿科，不喜勿喷。 1...
好大的坑 ---__--- 最新！！！layui 中 input 单选框 通过后台传值控制选项
qq_40467180的博客
12-22 1355
前提 layui 引入了jq 业务需求： 前端需要动态（ajax）从数据库中获取，时间间隔和半径，后台传给前端两值 time：5 和 radius : 1, 然后通过后台传的值控需要选中的radio加checked属性 html: <div class="layui-form-item"> <...
单选框选择后值无效（值不变更）的诡异原因
qq3892997的博客
07-29 546
单选框选择后值无效（值不变更）的诡异原因
vue-element-admin提交表单数据到后端
祈澈菇凉
09-16 6841
前几天使用vue-element-admin框架开发了一个简单的后台管理系统，在开发的过程之中也遇到了一些功能，以及对饿了么框架的使用遇到的一些问题，如何解决问题，记录一下。 资料相关 vue-element-admin 推荐指数：star:55k Github 地址：https://github.com/PanJiaChen/vue-element-admin Demo体验：https://p...
带搜索功能的下拉框
weixin_44543219的博客
07-27 1万+
带搜索功能的下拉框 平时我们逛淘宝、上百度等地方经常会用到在输入框中输入一个字或者一个词时，输入框下面的下拉框的选项就会出现与输入框输入值类似的字符串，这就是一个根据输入框输入值来模糊查询，也就是联想下拉框。 从上面我们可以对比看出，输入框在没输入数据之前下拉框选择项是所有的选择项，在输入框输入数据之后就会对下拉框选择项进行筛选 从上图我们看得出荧光笔涂鸦部分是一个datalist标签。 介绍...
vue 中实现单选框多选框绑定同一个值
最新发布
04-04
在 Vue 中实现单选框和多选框绑定同一个值需要使用 v-model 指令和数组。具体实现方法如下： 1. 单选框绑定同一个值： ``` <template> <div> <label> <input type="radio" value="male" v-model="gender"> Male </label> <label> <input type="radio" value="female" v-model="gender"> Female </label> <p>Selected gender: {{ gender }}</p> </div> </template> <script> export default { data() { return { gender: '' }; } }; </script> ``` 在上述代码中，我们使用了 v-model 指令将单选框的值绑定到了 gender 变量上。当用户选择不同的选项时，gender 变量的值也会相应地改变。 2. 多选框绑定同一个值： ``` <template> <div> <label> <input type="checkbox" value="apple" v-model="fruits"> Apple </label> <label> <input type="checkbox" value="banana" v-model="fruits"> Banana </label> <label> <input type="checkbox" value="orange" v-model="fruits"> Orange </label> <p>Selected fruits: {{ fruits }}</p> </div> </template> <script> export default { data() { return { fruits: [] }; } }; </script> ``` 在上述代码中，我们使用了 v-model 指令将多选框的值绑定到了 fruits 数组上。当用户选择不同的选项时，fruits 数组的值也会相应地改变。 需要注意的是，单选框和多选框的 value 值必须是不同的，否则无法正确地绑定值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值