栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

角度2:获取多个已选中复选框的值

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

角度2:获取多个已选中复选框的值

感谢Gunter,我找到了解决方案!这是我的完整代码,如果它可以帮助任何人:

<div > <label for="options">Options :</label> <div *ngFor="#option of options; #i = index">     <label>         <input type="checkbox"     name="options"     value="{{option}}"     [checked]="options.indexOf(option) >= 0"     (change)="updateCheckedOptions(option, $event)"/>         {{option}}     </label> </div>        </div>

这是我正在使用的3个对象:

options = ['OptionA', 'OptionB', 'OptionC'];optionsMap = {        OptionA: false,        OptionB: false,        OptionC: false,};optionsChecked = [];

共有3种有用的方法:

1 。启动

optionsMap

initOptionsMap() {    for (var x = 0; x<this.order.options.length; x++) {        this.optionsMap[this.options[x]] = true;    }}

2. 更新

optionsMap

updateCheckedOptions(option, event) {   this.optionsMap[option] = event.target.checked;}

3. 转换

optionsMap
optionsChecked
并将其存储在
options
发送POST请求之前:

updateOptions() {    for(var x in this.optionsMap) {        if(this.optionsMap[x]) { this.optionsChecked.push(x);        }    }    this.options = this.optionsChecked;    this.optionsChecked = [];}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/410081.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号