项目中出现单选框的一系列奇葩错误_单选框错误提示-CSDN博客

本文链接：https://blog.csdn.net/weixin_44543219/article/details/91352794

在项目开发中遇到单选框问题，包括选中值回填失败、状态回填不正确等。问题关键在于form表单提交时的字段对应、layui插件与框架冲突以及单选框值的正确获取。解决方案包括确保input标签的name与控制器字段一致，避免框架混用，明确单选框选中值的判断，并理解单选框值获取的差异。

摘要由CSDN通过智能技术生成

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

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

问题点二：我想要返回单选框false状态下的值，可是回填数据是无法回填正确。它一直返回的是默认选中值，也就是input上带有checked类的值。
在这里插入图片描述
问题点分析：在上图中红色圈中部分是自己原本写的源代码，未圈中的是在页面选中值自动添加的代码。检查发现当我改变选中值时，我自己原本写的源代码没有发生任何改变，改变的是在我选中时自动生成的代码，也就是改变的是浅紫色部分的代码值。这也就意味着我的改变值并没有得到获取。我使用的获取代码 var Sex = $(’#form表单ID input[name=“Sex”]’).val();//性别。