前端checkbox默认勾选状态的判断

摘要:
在最新的迭代版本中,添加了一个新函数。每一条数据都有一个复选框,然后后端传输每个数据的名称字符串,而不是ID,然后根据名称添加默认的选中状态或未选中状态输入。checked=(传递给您的名称。indexOf(每条数据的名称)˂0)。当然,检查的值仅为true或false。您还需要判断(checked){<inputtype otherwise=“checkbox”checkedv

最近迭代版本的 加了一个新功能 每一条数据有一个checkbox

然后后端传过来的是 每条数据的名字的字符串 并不是ID  

然后根据名字去给他加默认有勾选状态或者没有勾选状态

input.checked = (给你传的名字.indexOf(每一条数据的名字)<0)

当然 checked的值 只是ture 或者false

你还需要在其他地方判断一下  

 if(checked){ 
<input type="checkbox" checked value="" >
} else {
<input type="checkbox" value="" >
}
这样整个的列表的checked的默认值就和传过来的需要表示的是一样的了

现在在上班没有时间写demo 晚上回家以后在写demo吧

for (var i in response.list) {
if (response.list[i].isQrcode == 1) {
var model = response.list[i];
var name = ',' + model.name + ','
model.checked = (ex.indexOf(name) < 0);
console.log(name)
self.collection.add(model)
}
}


 if(checked){ 
<input type="checkbox" checked value="" >
} else {
<input type="checkbox" value="" >
}

免责声明:文章转载自《前端checkbox默认勾选状态的判断》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇delphi实现窗体组建随窗体大小改变而改变词根记忆第20天下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

input输入框校验

1、只能输入数字,当输入不符字符删除,光标位置不变 1 //只能输入数字 2 functiononlyNumTrue(obj){ 3 var reg = /[^d]/g; 4 var pos = obj.selectionEnd;//获取光标位置 5 var val = obj.value; //获取input的值 6 /...

vue 富文本编辑器 项目实战用法

1.挑个富文本编辑器 首先针对自己项目的类型,确定自己要用啥编辑器。 1.1 wangeditor 如果一般类似博客这种项目不需要花里胡哨的,功能也不要求贼多的,推荐一下wangeditor(点击跳转)。能覆盖基本上所有的常见操作,轻量化,开源,有中文文档。 ▽wangeditor效果图  1.2 tinyMCE 如果需要复杂的编辑器,推荐tinyMCE...

【tensorflow2.0】模型层layers

深度学习模型一般由各种模型层组合而成。 tf.keras.layers内置了非常丰富的各种功能的模型层。例如, layers.Dense,layers.Flatten,layers.Input,layers.DenseFeature,layers.Dropout layers.Conv2D,layers.MaxPooling2D,layers.Conv1D...

CentOS 7防火墙快速开放端口配置方法

一、CentOS 7快速开放端口: CentOS升级到7之后,发现无法使用iptables控制Linuxs的端口,baidu之后发现Centos 7使用firewalld代替了原来的iptables。下面记录如何使用firewalld开放Linux端口: 开启端口 [root@centos7 ~]# firewall-cmd --zone=public -...

表单input按钮在各浏览器之间的兼容性

从网上看了这篇关于表单input按钮的浏览器兼容性问题,总结的还不错,所以copy下来学习下。 input按钮在各个浏览器之间的兼容性问题,看下边这段代码: input.item { background: #4D90FE; border: 1px solid #4D90BB; color: white; } <input type="submit"...

jQuery-为动态添加的元素绑定事件

样例: $("#modify_nick").click(function () {$(this).css("display","none");$("#nickname_span").empty();var input = document.createElement("input");$(input).attr("type", "text");$(inpu...