vue中怎么获取Checkbox多选值

图片说明

循环生成多条数据(每条数据都有多选),怎么获取选当前行的多选数据

5个回答

使用 v- modelv 进行数据绑定 钩子函数中的 参数改变 你的 数据就回改变 相反 只要你 的数据 的大改变 你的参数 也会改变 ~~再通过ajax提交 你的后台 就可以的到值 了!

qq_41126602
qq_41126602 <div class="e_ipt"> <div class="e_iptTle">登录密码</div> <div class="e_iptTxt"> <input type="text" class="e_input" name="cPwd" v-model="dataList.cPwd" /> </div> </div>
2 年多之前 回复
qq_41126602
qq_41126602 多组数据 你可 已设置一个 空的 集和 把你修改的值 赋给集合
2 年多之前 回复
zhuzhuzhihao
小杰017 恩,但是这有多个多选组 ,有什么好的方式获取当前多选中数据,还有v- model应该怎么设置,
2 年多之前 回复

不能直接遍历整个页面的复选框,必须要设定一定范围内的多选框

zhuzhuzhihao
小杰017 不能通过数据绑定的形式实现吗,在不操作DOM的情况下
2 年多之前 回复

var selectedData = [];
$(":checkbox:checked").each(function(){
var tablerow = $(this).parent("tr");
var code = tablerow.find("[name='p_code']").val();
var name= tablerow.find("[name='p_name']").val();
var price= tablerow.find("[name='p_price']").val();
selectedData.push({Code:code,Name:name,Price:price});
});

这个你可以参考下

zhuzhuzhihao
小杰017 最好能用Vue的方式 实现
2 年多之前 回复

给多个checkbox绑定相同值v-model="vals"
其中这个vals是个数组
然后你就打印这个数据看看效果吧

weixin_45465153
clken 上面几个答案都是垃圾,只有你的是对的。 v-model 绑定的值就是选中的值。
10 个月之前 回复

获取当前多选框的上一级div,然后遍历这个div里包含多选框选中的值,这种情况两行数据必须是在两个不同的div里

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问