cheked复选框返回值的时候选中

2019独角兽企业重金招聘Python工程师标准>>>

html

<div ng-repeat="item in businessType"><input type="checkbox" ng-class="{namecheck: item.name=='null'}" ng-model="item.checked" ng-change="selectOne()"></div>

js

  1.单选选中的时候$scope.checkedList = []$scope.selectOne = function () {console.log($scope.businessType)angular.forEach($scope.businessType , function (i) {console.log(i.checked)var index = $scope.checkedList.indexOf(i.code);if(i.checked && index === -1) {$scope.checkedList.push(i.code);} else if (!i.checked && index !== -1){$scope.checkedList.splice(index, 1);};})console.log($scope.checkedList);}2.ajax返回数据的时候for(let i = 0;i < data.data[0].businessTypes.length;i++){//这一层循环是接口返回的数据$scope.checkedList.push(data.data[0].businessTypes[i].code)//如果有code的时候就把code压入数组中for(let k = 0;k < $scope.businessType.length;k++){//这一层循环是原始数据if($scope.businessType[k].code === data.data[0].businessTypes[i].code){//让原始数据与返回数据的code做对比如果相等就是选中的状态$scope.businessType[k].checked = true;break;}}}

总结

   刚开始做的时候我是用原始数据做外层循环的结果只有选中数组的最后一个是选中的状态，后来找到原因是因为外层循环的数据比内层循环的数据多，如果选中的只有2个，外层循环5个，外层循环能循环5次内层循环只能循环2次，所以多的3个还会和他做对比又会重新赋值。因此需要返回的数据放在外层和原始数据做对比，他有2个循环2此和原始数据一次做对比，所以这样就好啦每一次遇到的bug都要用心去做总结避免下次再犯

转载于:https://my.oschina.net/pingheyongfeng/blog/3059031

cheked复选框返回值的时候选中相关推荐

jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等一.checked属性定义先了解下input标签的checked属性: 1.HTML &l ...
android view 存值,在android studio中保存textview和复选框的值
问:如何在android studio中保存文本视图和复选框的值,以便稍后我进入该活动时以及在设置新值然后保持新值时可见设置的数据. 答:SharedPreferences用于在Android中存储原 ...
用jQuery如何获取复选框的值
获取复选框的值 <div><input type="checkbox" name="" id="suibian">& ...
jQuery 循环获取checkbox复选框的值，checkbox全选、全不选、反选
前端页面html <tr v-for="(log,index) in logList"><td>& ...
Django获取多个复选框的值，并插入对应表底下
1.实现的功能类似于,多个复选框,后面还有一个备注,之后要把复选框的值和备注一一对应插入数据库表中,主要提供一个思路,代码不全. 2.首先,html页面先设计好,多个复选框还有一个个备注,代码如下: ...
表单绑定复选框的值和图片上传
表单如何实现与复选框的值绑定一致 <u-form-item :label-position="labelPosition" label="提供服务" pr ...
JQ对复选框全选、获取复选框的值、回选
1.全选.全不选: function checkAllFun(a){if (a.checked){$("input[name='checkbox']:checkbox").each ...
layui获取复选框的值
layui获取复选框的值 //HTML代码 <form class="layui-form"> <div class="layui-form-i ...
layui复选框怎么取值_layui如何获取checkbox复选框的值
layui如何获取checkbox复选框的值发布时间:2020-10-21 17:07:09 来源:亿速云阅读:164 作者:Leah 本篇文章给大家分享的是有关layui如何获取checkbox ...

cheked复选框返回值的时候选中

html

js

总结

cheked复选框返回值的时候选中相关推荐

最新文章

热门文章