监听单选框获取到value值并回填数据

最新推荐文章于 2024-11-09 00:53:03 发布

遇到かのじょ

最新推荐文章于 2024-11-09 00:53:03 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_44538246/article/details/91354449

本文介绍了如何在ASP.NET MVC项目中利用layui.js插件监听单选框事件，获取value值并回填数据。在HTML源代码中，使用layui.css进行样式封装。监听事件通过form.on方法实现，根据lay-filter属性匹配，通过value值区分不同驾驶员，查询并回填对应数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发工具与关键技术：VS, ASP.NET MVC
作者：谭威
撰写时间：2019年6月03日
在这里我得先说明一下我使用的是layui.js插件来监听单选框事件的，在下面我会将html的源代码（同样是用layui.css来封装的）写在下面：

<div class="layui-form col-2 p-0" style="margin-top:85px"; id="PilotRadio">
	<input type="radio" name="Pilot" style="cursor:pointer" value="1" lay-filter="PilotRadio">
	<p tyle="height:8px;"></p>
	<input type="radio" name="Pilot" style="cursor:pointer;" value="2" lay-filter="PilotRadio">
	<p style="height:8px;"></p>
	<input type="radio" name="Pilot" style="cursor:pointer;" value="3" lay-filter="PilotRadio">
</div>

在源代码中我们可以看到其它很简洁（这里的p标签我为了竖着排列，而竖着排列单选框就靠的有点近，为此我用p标签将他们分的更开一点，所以准确的来说就只有三个input标签），而我们的监听单选框事件只需要获取到value值就好。

下图中的方法是下拉框的选值一旦改变进入的事件，然后拿到这个下拉框的值，将其它赋值给CarID（查询下拉框的数据一般是只有这个下拉框的数据的表，就算还有其它的字段，但在下拉框中返回的值都是主键ID），在判断CarID是否大于零，若大于，则打开加载层，将CarID发送到控制器中，控制器通过CarID连表查询车其它数据，再将这些数据返回到是视图中(也就是data中)，然后再将数据进行回填（我