angularjs实现复选框赋值传参提交表单

html部分

//设置ng-true/false是因为js赋值的时候要根据值去删除,所以我设置选中非选中的值一样的
//实际上他们可以设置不一样的,但是我用nb-model的话取消选中的时候值会变成bool值
//所以我这样写
<div class="col-sm-4 col-md-3"  ng-repeat="(key,obj) in Ctrl.list"><p><input class="m-r-20" type="checkbox" name="checkname"data-ng-true-value="obj.itemcode"data-ng-false-value="obj.itemcode"ng-click="Ctrl.choiseBox($event,obj.itemcode)"></p>
</div>

js部分

//定义要赋值的变量
$scope.formData = [];//拼接复选框的选中或非选中值
self.choiseBox = function($event,itemcode) {//验证是取消还是添加if($event.target.checked){//选中,那就去追加$scope.formData.push({itemcode:itemcode});}else{//取消选中就删除angular.forEach($scope.formData,function(i,index){if(i.itemcode===itemcode){console.log(index)$scope.formData.splice(index,1);}});}
}//最后提交表单的时候传参$scope.formData就可以了

angularjs实现复选框赋值传参提交表单相关推荐

php中得到复选框的数据的代码,表单复选框向PHP传输数据的代码
表单复选框向PHP传输数据的代码表单复选框就是checkbox 1.checkbox的应用复制代码代码如下: 2.由于我传输的是在php循环中产生的数组,因此value也要设成变量: for($ ...
extjs 中动态给gridpanel 复选框赋值
最近在搞extjs时需要动态根据数据给gridpanel的复选框赋值网上看了很多 ,多不行,最后找到一个好使的方法如下: RBACformPanel.getSelectionModel().sel ...
ylbtech-数据库设计与优化-对作为复选框/单选列表的集合表的设计
ylbtech-DatabaseDesgin:ylbtech-数据库设计与优化-对作为复选框/单选列表的集合表的设计 -- DatabaseName:通用表结构 -- -- 主要是针对将要设计的表对象 ...
layui表格复选框赋值，获取表格复选框选中值，表格复选框回选
layui获取表格复选框提交/回选表格JS table.render({elem: '#app-from',id: 'app-from',url: '/plm/api/employee/listBy ...
angularJS的复选框
参考链接:http://isteven.github.io/angular-multi-select/#/configs-options 链接已经写的很详细了. <isteven-multi-s ...
html 复选框name值,HTML(5)表单元素以及对各个表单元素的name、value属性的理解
我在学习表单元素的时候感觉很混乱,特别是 name value这两个属性,没有真正理解它们是干什么的,所以需要梳理一下. HTML表单元素主要有 HTML5新增的表单元素有三个下面梳理一下这些表单元 ...
angularjs 获取复选框的值_哈迪斯仙酒有什么用哈迪斯仙酒获取方式以及作用一览...
哈迪斯仙酒有什么用?仙酒如何获得?许多小伙伴不知道还仙酒的用处,下面小编给大家带来哈迪斯杀出地狱仙酒获得途径及用处介绍,一起来看看吧. 哈迪斯仙酒有什么用哈迪斯仙酒获取方式以及作用一览仙酒获得途径 ...
angularjs 获取复选框的值_加快周期进度，DNF疲劳药获取指南
本文来源:DNF助手,作者:月主新版本之前的疲劳药需求主要是为了刷深渊出想要史诗套或者武器,而如今版本下的对更多疲劳值的需求原因更加多元化了,虽然最终目的也是为了史诗,但不会如同此前那般需要考验欧非 ...
easyui 复选框赋值、禁用、取值
实现效果如下页面代码 <div id="static" class="parentCode"><div class="child& ...
angularjs 获取复选框的值_利用胚子冲刺增幅红字胚子获取途径都在这_DNF经验心得 - 地下城与勇士 - DNF...
游久DNF国庆口令码:U9DNF922 ,日开放兑换,15天黑钻.疲劳药.时间引导石.一次性继承装置.华丽的徽章神秘礼盒随机领取!复制口令码:U9DNF922 戳这里兑换>> 最近游戏中开 ...

angularjs实现复选框赋值传参提交表单

html部分

js部分

angularjs实现复选框赋值传参提交表单相关推荐

最新文章

热门文章