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文本扫描是否被调用。

相关内容

热门资讯

透视好友房！we-poker辅... 透视好友房！we-poker辅助，wepoker怎么设置盖牌（详细钻石可以看底牌）1、起透看视 we...
透视软件！aapoker辅助工... 透视软件！aapoker辅助工具安全吗（透视）aapoker免费透视脚本，AI教程（有挂解说）；aa...
透视最新！wepoker免费脚... 透视最新！wepoker免费脚本，wepoker怎么设置房间（详细有透视功能）；1、玩家可以在wep...
透视挂！aapoker辅助怎么... 透视挂！aapoker辅助怎么用（透视）aapoker辅助插件工具，解密教程（有挂解说）1、点击下载...
透视了解！wepoker养号规... 透视了解！wepoker养号规律，wepoker透视是真的吗（详细软件）；1、下载好wepoker透...
透视教学！aapoker怎么提... 透视教学！aapoker怎么提高中牌率（透视）aapoker俱乐部靠谱吗，揭秘攻略（有挂细节）；一、...
透视科技！wepoker永久免... 透视科技！wepoker永久免费脚本，wepoker透视脚本免费下载pc（详细轻量版透视）；1、该软...
透视肯定！aapoker公共底... 透视肯定！aapoker公共底牌（透视）aa poker辅助，详细教程（有挂教程）1、很好的工具软件...
透视黑科技！wepokerpl... 透视黑科技！wepokerplus到底是挂了吗，wepoker作弊视频（详细免费脚本咨询）1、下载好...
透视免费！aapoker脚本怎... 透视免费！aapoker脚本怎么用（透视）aapoker脚本怎么用，专业教程（有挂攻略）；1、用户打...