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

相关内容

热门资讯

分享个大家(wepoke辅助透... 分享个大家(wepoke辅助透视)外挂透明挂辅助APP(透视)透视辅助(2025已更新)(哔哩哔哩)...
透视中牌率!德扑之星解析(we... 透视中牌率!德扑之星解析(wePoKe)外挂透明挂辅助神器(透视)微扑克教程(确实有挂)-哔哩哔哩；...
重大通报(微扑克wpk)外挂透... 重大通报(微扑克wpk)外挂透明挂辅助器(透视)德州ai机器人(有挂技术)-哔哩哔哩1、不需要AI权...
透视挂(wPK)外挂透明挂辅助... 透视挂(wPK)外挂透明挂辅助脚本(透视)软件透明挂(2023已更新)(哔哩哔哩);wPK是一种具有...
重大通报!weopke真的有挂... 重大通报!weopke真的有挂(Wepoke)外挂透明挂辅助器安装(辅助挂)必备教程(有挂方式)-哔...
盘点一款(WPK数据)外挂透明... 盘点一款(WPK数据)外挂透明挂辅助软件(辅助挂)德州ai机器人(有挂讲解)-哔哩哔哩；玩家必备必赢...
今日重大通报(wepoke辅助... 1、今日重大通报(wepoke辅助)外挂透明挂辅助挂(辅助挂)透视辅助(2023已更新)(哔哩哔哩)...
玩家必看科普(wpk微扑克)外... 玩家必看科普(wpk微扑克)外挂透明挂辅助器安装(透视)发牌规律(有挂技巧)-哔哩哔哩；人气非常高，...
重大推荐!WPK外挂(WepO... 重大推荐!WPK外挂(WepOke)外挂透明挂辅助器(辅助挂)wepoke教程(有挂神器)-哔哩哔哩...
总算了解(线上wpk)外挂透明... 总算了解(线上wpk)外挂透明挂辅助工具(辅助挂)软件透明挂(确实有挂)-哔哩哔哩是一款可以让一直输...