vue从后端获取数据绑定复选框

首先看后端传过来的数据是什么形式的，如果是布尔类型的话可以直接绑定

<input name="checkbox" v-bind:value="good.id" v-bind:checked="good.checked" type="checkbox" class="checkbox" @click="changeStatus($event,good.id)">

如果不是的话，需要在ajax回调里手动修改下，
eg：
若后端传来的数据选中为1，未选中为0；则回调如下：

function(data) {if(data.code == 0) {for(var i = 0; i < data.data.length; i++) {if(data.data[i].checked == '1') {data.data[i].checked = true;} else {data.data[i].checked = false;}}that.shopchatGood = data.data;}console.log(data.msg);
}

vue从后端获取数据绑定复选框相关推荐

vue element ui 获取,判断复选框选中的值
<el-form-item label="某某字段"><el-checkbox-group v-model="form.字段名">< ...
JAVA之获取JavaSwing复选框JCheckBox选中的值（内容）
JAVA之获取JavaSwing复选框JCheckBox选中的值(内容) package shishi;import java.awt.BorderLayout; import java.awt.Co ...
js获取checkbox复选框获取选中的选项
分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document. ...
html获取选中复选框的值,获取html复选框列表选中的值隐藏字段
如何获取选中的复选框id到一个隐藏的变量?获取html复选框列表选中的值隐藏字段我收到此错误. SyntaxError: unterminated string literal var test = ...
layui复选框怎么取值_layui如何获取checkbox复选框的值
layui如何获取checkbox复选框的值发布时间:2020-10-21 17:07:09 来源:亿速云阅读:164 作者:Leah 本篇文章给大家分享的是有关layui如何获取checkbox ...
layui表格复选框赋值，获取表格复选框选中值，表格复选框回选
layui获取表格复选框提交/回选表格JS table.render({elem: '#app-from',id: 'app-from',url: '/plm/api/employee/listBy ...
layui复选框怎么取值_layui获取checkbox复选框值
获取layui表单复选框已选中的数据 HTML layui.form.checkbox 获取选中复选框开关关开关开立即提交 JS layui.use('form', function(){ v ...
jQuery 循环获取checkbox复选框的值，checkbox全选、全不选、反选
前端页面html <tr v-for="(log,index) in logList"><td>& ...
jQuery获取input复选框的值
var ipResolveValue =[]; //定义一个空数组 $("input[name='ipResolve']:checked").each(function(){ ...

vue从后端获取数据绑定复选框

vue从后端获取数据绑定复选框相关推荐

最新文章

热门文章