2 zhuzhuzhihao zhuzhuzhihao 于 2017.12.04 16:14 提问

vue中怎么获取Checkbox多选值
vue

图片说明

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

4个回答

wodeai258
wodeai258   2017.12.04 16:17

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

wodeai258
wodeai258   2017.12.04 16:18

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

zhuzhuzhihao
zhuzhuzhihao 不能通过数据绑定的形式实现吗,在不操作DOM的情况下
6 个月之前 回复
qq_41126602
qq_41126602   2017.12.04 16:28

使用 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>
6 个月之前 回复
qq_41126602
qq_41126602 多组数据 你可 已设置一个 空的 集和 把你修改的值 赋给集合
6 个月之前 回复
zhuzhuzhihao
zhuzhuzhihao 恩,但是这有多个多选组 ,有什么好的方式获取当前多选中数据,还有v- model应该怎么设置,
6 个月之前 回复
m0_37917442
m0_37917442   2017.12.04 16:30

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
zhuzhuzhihao 最好能用Vue的方式 实现
6 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!