angular如何获取多个复选框的选中值?
创始人
2024-10-29 07:00:45
0次

在angular中，可以使用ngModel和ngModelChange来获取多个复选框的选中值。首先，在每个复选框上绑定ngModel指令，并设置一个唯一的值作为ngModel的值。然后，使用ngModelChange在每次复选框状态改变时触发一个方法，将选中的值存储在一个数组中。最后，将整个数组作为参数传递给后台。具体实现可以参考以下代码示例：

HTML代码：

TS代码：

fruits: any = {}; selectedFruits: string[] = [];

changed() { this.selectedFruits = Object.keys(this.fruits).filter(key => this.fruits[key]); }

在该示例中，选中的水果将存储在selectedFruits数组中，可以将其用作提交给后台的数据。

上一篇：Angular如何获取对象的成员值？

下一篇：Angular如何检测iOS或Android文本扫描是否被调用。

相关内容

热门资讯

黑科技ai(德扑之星作弊事件)... 黑科技ai(德扑之星作弊事件)外挂黑科技辅助器(透视)竟然是有挂(黑科技解密)1、德扑之星作弊事件系...
黑科技好牌(红龙扑克有挂吗)外... 黑科技好牌(红龙扑克有挂吗)外挂黑科技辅助方法(透视)一贯有挂(黑科技解说)1、进入到红龙扑克有挂吗...
黑科技教程(红龙扑克辅助器)外... 黑科技教程(红龙扑克辅助器)外挂透视辅助教程(透视)切实是真的有挂(黑科技攻略)；1）红龙扑克辅助器...
黑科技ai代打(wepoke辅... 黑科技ai代打(wepoke辅助有挂)外挂黑科技辅助软件(透视)好像是真的有挂(黑科技黑科技)该软件...
黑科技安装(德扑之星软件透明软... 黑科技安装(德扑之星软件透明软件多少钱)外挂黑科技辅助插件(透视)一直是真的有挂(黑科技细节)进入游...
黑科技好友(德州ai辅助外挂)... 黑科技好友(德州ai辅助外挂)外挂透明挂辅助方法(透视)切实是真的有挂(黑科技工具)1）德州ai辅助...
黑科技辅助(德州ai辅助怎么打... 黑科技辅助(德州ai辅助怎么打)外挂透明挂辅助下载(透视)确实真的有挂(黑科技详情)1、德州ai辅助...
黑科技辅助挂(红龙扑克辅助器)... 黑科技辅助挂(红龙扑克辅助器)外挂黑科技辅助方法(透视)原来真的是有挂(黑科技黑科技)1、红龙扑克辅...
辅助黑科技(wpkai辅助实战... 辅助黑科技(wpkai辅助实战效果)外挂黑科技辅助方法(透视)一贯真的有挂(黑科技工具)；1、下载好...
黑科技辅助挂(wepoke是不... 黑科技辅助挂(wepoke是不是有辅助)外挂透视辅助助手(透视)其实真的有挂(黑科技工具)1、游戏颠...