Chivnk 2022-11-09 10:49 采纳率: 46.8%
浏览 42
已结题

for循环出多个单选框，但选中的时候是一起变的，怎么让他们自己变自己的呀

朋友们，用for循环出来了3组，但是这样的话，所有的单选框选中是一起变的，那个model不知道怎么解决，变成不同的值

img

img

img

  • 写回答

3条回答 默认 最新

  • 崽崽的谷雨 2022-11-09 11:16
    关注

    因为你绑定的都是一个值啊。 可以用楼上的方法 data.resource2=[[xxx],[xxx] ...]然后绑定就是 data.resource2[index] .

    你的 v-for="(count,index) in 3"

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • 三种取消选中单选框radio的方法
    2020-09-04 04:50
    要取消选中一个单选框，可以通过将checked属性设置为false来实现。 第一种方法是通过jQuery的attr()函数来移除单选框的checked属性。attr()函数允许我们获取或设置HTML元素的属性和值。要取消选中单选框，我们将...
  • AngularJS 单选框及多选框的双向动态绑定
    2020-10-19 23:59
    当用户选择一个单选框时，`ng-model`的值会自动更新为选中的`value`。 对于多选框，我们可以使用`<input type="checkbox" />`标签。为了实现双向绑定，AngularJS提供了`ng-model`和两个内建指令`ng-true-value`和`...
  • 使用JQ判断单选框或多选框是否选中
    2024-10-09 22:06
    Li370234940的博客 ("input[type='radio'][selector1][selector2]:checked")表示已选中的单选按钮。其中selector1,2表示选择器，根据你的需要填写，type='radio'就是一个选择器，选择器可以写多个。
  • 【通俗易懂】vue移动端项目实现一个考试题目功能，解决问题（如何循环多组单选框并获取到对应选中的值）
    2021-08-27 15:44
    接口写好了吗的博客 效果图 代码 ...-- 最外层div，循环几组题目 --> <div v-for="(item, index) of list2" :key="index" style="margin-bottom: 10px" > <!-- 这是题目 --> <p class="titl
  • angularjs的单选框+ng-repeat的实现方法
    2020-10-18 00:57
    为了在多个单选按钮之间实现互斥选择（即选中一个后，自动取消选择同一组的其它选项），所有相关单选按钮的value属性设置为不同的值，但name属性必须相同。AngularJS中，可以用ng-model指令将单选按钮的选中状态绑定...
  • JS与jQuery单选框操作[代码]
    2025-11-20 05:23
    在对单选框进行遍历时，可以使用`for`循环或者`forEach`方法来访问每一个单选框元素，并进行相应的操作。而修改单选框样式时，可以利用`style`属性来改变其外观，比如颜色、大小等。这些操作可以结合CSS类或内联样式...
  • js和jquery分别验证单选框、复选框、下拉框
    2020-10-23 03:40
    为了使用JavaScript（js）验证单选框是否被选中，我们需要借助`getElementsByName()`方法获取所有具有相同名称的单选框元素，然后通过循环检查哪个单选框的`checked`属性为`true`。如果没有任何单选框被选中，则提示...
  • 多个按钮单选/多选，高度自适应
    2021-07-09 12:22
    互斥按钮组指的是在同一时间只有一个单选按钮可以被选中。这通常通过设置相同的`name`属性来实现，这样浏览器会确保同一组内的单选按钮只能有一个选中状态。如果需要动态创建这些按钮，可以借助JavaScript或其库，如...
  • ant design vue表格里的单选框禁用与选中/radio
    2023-06-13 17:13
    小布丁儿Y的博客 如果根据判断去选中需要禁选的数据 要在return之前去做判断 例如我的代码 是父组件传来的数组合集 循环完去和列表的数据对比 相同的话就禁用掉 并且id不等于当前选中的那一条 this.disabledCoupon是父组件选中的数据...
  • vue单选框选中_vue radio单选框,获取当前项(每一项)的value值操作
    2020-12-29 22:43
    可能余温太久的博客 前言本文使用了lable关联选中，实际使用中如果不需要，直接将循环语句 v-for 写在 input标签上就可以1、使用v-for循环的radio单选框01)需要注意的是，这是使用的是 change 事件，而不是 click 点击事件{{ item.value...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 11月18日
  • 已采纳回答 11月10日
  • 创建了问题 11月9日