Html 如何使用angular 6获取typescript文件中多个复选框的值？

我的html中有8到10个复选框。我需要将选中的复选框值发送到我的typescript文件

<div>
    <input type="checkbox" value="one" id="one" name="num">
    <input type="checkbox" value="two" id="two" name="num">
    <input type="checkbox" value="three" id="three" name="num">
    <input type="checkbox" value="four" id="four" name="num">
</div>

---

如何在ts文件中获取所有选中的复选框值？有人能帮我吗？

您可以使用一个包含复选框信息的数组，

ngFor

循环和

ngModel

：

复选框=[
{
值：“一”，
所选：false
},
{
值：“2”，
所选：false
},
{
价值:'三',，
所选：false
},
{
值：“四”，
所选：false
}
]

您的html：

打印所选复选框

以及

getSelected（）

函数：

public getSelected（）{
让result=this.checkbox.filter（（ch）=>{return ch.selected}）
.map（（ch）=>{return ch.value}）；
控制台日志（结果）；
}

您使用的是

被动表单

还是

模板驱动表单

，在您的代码中没有任何内容@Javascript爱好者-SKT我使用的是反应式表单