三个el-radio选项怎么知道用户选择了哪一个

于 2024-03-12 14:29:16 发布
阅读量244 收藏
点赞数 1
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kuang_nu/article/details/136651527
版权

问:

回答:

要获取用户选择了第二个还是第三个 <el-radio>，你可以在 @change 事件处理函数 changeAPPVersion 中判断选中的值是什么。你需要给第二个和第三个 <el-radio> 设置不同的值，然后在 changeAPPVersion 方法中根据这个值来确定用户选择了哪个选项。

下面是一个示例代码：

在上面的示例中，通过给每个 <el-radio> 设置不同的 label 值，并将用户选择的值保存在 selectedOption 中，然后在 changeAPPVersion 方法中根据 selectedOption 的值来确定用户选择了哪个选项

fury_123
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实习中关于多选框双向数据绑定的问题
weixin_54241625的博客
07-11 1190
这里是需要调两个api，一个是根据这个产品的id取到，这一行数据的pe1的人员内容，另一个api是要获取到，这个pe1的下拉列表，将这个下拉列表与pe1人员进行绑定。 如下图 这里会出现一个问题，如果在这个el-drawer组件在显示出来的时候获取下拉列表，会出现下拉列表无数据的情况，初步判定是请求还没返回数据就已经显示了，所以采用的策略为，在点击人员权限标签时，就发送请求获取pe1下拉列表。 获取到数据后就是处理数据的阶段 多选框绑定数据为pe1数组， 选项中绑定获取到的pe1下拉数据列表，这里的pe
el-radio选择器将所选的数据回显
buukyjmvni的博客
08-02 922
利用v-model和label确定，为1时表示被选择； <div v-for="(item,key) in Algorithm" :key="key" class="select"> <div class="select-small"><el-radio v-model="item.status" label="1" disabled>{{ item.name }}</el-radio></div> </d
小程序循环列表里的单选框
Fang格子的博客
06-04 4145
首先在循环列表里添加一个单选框，因为循环的是同一个，所以checked的值不能给死，通过判断点击的获取orderNo，再判断是否等于当前的orderNo，然后就搞定啦 radio:function(e){ var orderNo = e.currentTarget.dataset.orderNo this.setData({ orderNo: orderNo, ...
element ui 表单验证单选框是否被选中的小问题
happydayaa的博客
03-19 564
解决：这是因为我的prop和v-model设置的名字不一致导致的，如果不一致，它就无法动态根据你的选择去验证了。时发现，只要点击单选框的按钮它就会出现请选择性别的提示。
select和radio标签回显几种方式(EL判断)
qq_37176833的博客
04-23 1062
方式一（建议使用） <select id="stuIsOwn" name="stuIsOwn" disabled> <option value="0" <c:if test="${studentInfo.stuIsOwn eq '0' }"> selected </c:if> >是</option> <option...
el-radio单选前提示验证
weixin_46194350的博客
05-10 703
el-radio单选前提示验证
elementUi vue el-radio 监听选中变化的实例代码
10-16
主要介绍了elementUi vue el-radio 监听选中变化，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
Vue: 多个el-select不能重复选择相同属性
最新发布
02-22
当我们在项目中遇到“多个el-select不能重复选择相同属性”的问题时，这意味着我们可能需要实现一种机制来确保不同select组件之间的选项值不发生冲突，即用户不能在多个select中选择相同的值。以下是对这个问题的...
详解element-ui中el-select的默认选择项问题
10-16
在Element-UI，一个流行的Vue.js组件库中，`el-select`组件被广泛用于实现下拉选择功能。本文将深入探讨`el-select`组件在设置默认选择项时可能遇到的问题及解决方案。 首先，`el-select`是Element-UI提供的一个...
vue el-tree 默认展开第一个节点的实现代码
10-15
主要介绍了vue el-tree 默认展开第一个节点的实现代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
elementUI el-select 多选情况下获取选中项的label
sxl131415的博客
08-30 5650
效果图： 控制台打印： 给el-select绑定change事件，当值改变的时候就会触发 <el-select class="workshop" :multiple="multipleFlag" @change="selectGetFn" v-model="worksGUID3" key="workshop3" cleara...
el-select 多选框使用 以及回显默认选中说明
小蔡蔡的博客笔记
12-18 1万+
el-select 多选框使用 以及回显默认选中说明
JS 中复选框 或者 Select多选情况下如何确定被选中？
m17130431的博客
08-22 3240
JS 中复选框 或者 Select多选情况下确定被选中并以字符串形式获取
判断radio是否有选中获取选中的值
rentian1的博客
05-25 3403
文章来源：http://www.jb51.net/article/64141.htm 一、利用获取选中值判断选中 直接上代码，别忘记引用JQuery包 复制代码代码如下: JQuery radio  /*------判断radio是否有选中，获取选中的值--------*/     $(function(){          $("#
el-radio（自定义样式）获取选中label值 + 选中状态 + 拼接String + post提交 - 踩坑篇
草巾冒小子的博客
04-19 1万+
注意点： 需要使用 label传值，后台接什么，你就传什么 （这个需要和后台事先确定好） 使用@change事件，监听鼠标点击事件，但并非是在每个el-radio对象上都添加该事件，这一点就不同于el-checkbox的@change事件， （具体代码对比：可参考项目的searchMain.vue 条件查询，进行比较学习） 获取<el-input type='textarea'>的聚...
判断radio单选框是否选中
热门推荐
farxix的博客
05-02 2万+
1、利用获取选中值判断选中 /*------判断radio是否有选中，获取选中的值--------*/ var val=$('input:radio[name="sex"]:checked').val(); if(val==null){ alert("什么也没选中!"); return false; } else{ ...
radio 判断一个元素是否被选中
Fanbin168的专栏
07-05 4958
选中有一个elem元素,现在判断它是否被选中 ，之前我们使用的是 $(elem).atter("checked") 可是有时候不管用。后来使用这种方式就可以了 如果被选中则返回true，未被选中则返回false if ($(elem).prop("checked") == true) { IsDefault = 1; } else { IsDefault = 0;
【vue+elementui】el-radio单选框默认选中以及v-model绑定值问题
smallwhite_paper的博客
01-06 1万+
示例效果图： 解决方案： 后端返回的字段为“true" 涉及知识：radio 单选框 还是没有选中后台返回的默认值，原因在于，上面 lable=“true” 这种写法数据是固定的，但是需要的是后台返回的动态数据，所以需要用到 v-bind，即 :lable=“true”。此时的：lable=“后端返回的值” <el-form-item label="会员设置:" prop="isNeedMember"> <el-radio v-model="dataForm.i
el-radio-group 编写三个按钮
03-29
以下是一个例子： ```html <el-radio-group v-model="selectedOption"> <el-radio label="option1">Option 1</el-radio> <el-radio label="option2">Option 2</el-radio> <el-radio label="option3">Option 3</el-radio> </el-radio-group> ``` 在这个例子中，我们创建了一个 `el-radio-group` 组件，它包含了三个 `el-radio` 组件。每个 `el-radio` 组件都有一个 `label` 属性，代表该选项的值。当用户选择其中一个选项时，`v-model` 绑定的 `selectedOption` 值会被更新为所选选项的 `label` 值。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值