如何返回在 ANGULAR Material 6 中选中和取消选中的复选框的布尔值

学习者

我想要得到的概念是选择一个复选框我希望该值返回为 TRUE 并取消选择相同的复选框我希望该值返回为 False

这是我的 HTML 代码

<div class="form-group m-form__group row">
                                        <div class="col-lg-4">
                                            <mat-checkbox class="example-margin" type= checkbox value = "true" formControlName ="rti_cover" [checked] = "true">RTI</mat-checkbox>
                                        </div>
                                        <div class="col-lg-4">
                                            <mat-checkbox class="example-margin" type= checkbox value = "true" formControlName ="nildep_cover" [checked] = "true" >Nil Dep</mat-checkbox>
                                        </div>
                                    </div>
斯雷斯曼

您可以通过绑定到(更改)EventEmitter 来获取复选框的值。您可以在此处的文档中看到这一点:https : //material.angular.io/components/checkbox/api

在您的组件中,您可以创建一个函数来侦听 (change) 事件,并从您的模板传递事件。

checkboxChanged(event) {
  console.log(event.checked);
}

该事件包含属性“checked”,它是一个布尔值,表示该框是否被选中。

在您的模板中,您可以绑定到事件:

<mat-checkbox (change) = "checkboxChanged($event)">Check me!</mat-checkbox>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Angular 6中选中带有API响应的复选框?

来自分类Dev

如何根据文本区域中的值在jquery中选中和取消选中复选框

来自分类Dev

如何根据文本区域中的值在jquery中选中和取消选中复选框

来自分类Dev

根据返回Y(true / checked)的数据(挂钩)选中/取消选中Material ui复选框的值react js

来自分类Dev

如何选中和取消选中复选框的加载功能?

来自分类Dev

如何取消选中angular2中的复选框

来自分类Dev

如何计算 Angular 7 中选中的复选框?

来自分类Dev

如何在laravel中选中和不选中复选框显示2个不同的值?

来自分类Dev

Angular.js-取消选中复选框时如何返回上一状态

来自分类Dev

如何自动重新选中已使用 angular 取消选中的复选框

来自分类Dev

如何在语义UI中选中和取消选中复选框时动态地启用和禁用按钮

来自分类Dev

如何在语义UI中选中和取消选中复选框时动态地启用和禁用按钮

来自分类Dev

如果在 angular2 中选中/取消选中最后一个复选框,如何显示/隐藏 div?

来自分类Dev

如何设置在 Material-UI React 中选中的复选框组件?

来自分类Dev

如何选中和取消选中div中的所有复选框

来自分类Dev

如何使用jQuery更改prettyCheckable复选框(选中和取消选中)

来自分类Dev

如何选中和取消选中所有复选框

来自分类Dev

如何将复选框选中状态保存为布尔值?

来自分类Dev

如何选中和取消选中复选框以及如何使复选框单击行外单击

来自分类Dev

如何通过选中/取消选中一个复选框来选中和取消选中html表中的所有复选框?

来自分类Dev

在Angular JS中取消选中复选框时如何禁用下拉菜单

来自分类Dev

Angular:如何取消选中带有链接的所有复选框?

来自分类Dev

Angular:如何取消选中带有链接的所有复选框?

来自分类Dev

如何检查是否在Angular中选中了任何复选框

来自分类Dev

如何基于Angular中选中的复选框启用/禁用按钮

来自分类Dev

如何检查是否在Angular中选中了任何复选框

来自分类Dev

如何使用 Angular 6 中的 api 响应将 mat-checkbox 设置为选中和取消选中

来自分类Dev

将复选框绑定到模型并在Angular中选中/取消选中它

来自分类Dev

如何发布复选框值而不是布尔值 - Angular 5

Related 相关文章

  1. 1

    如何在Angular 6中选中带有API响应的复选框?

  2. 2

    如何根据文本区域中的值在jquery中选中和取消选中复选框

  3. 3

    如何根据文本区域中的值在jquery中选中和取消选中复选框

  4. 4

    根据返回Y(true / checked)的数据(挂钩)选中/取消选中Material ui复选框的值react js

  5. 5

    如何选中和取消选中复选框的加载功能?

  6. 6

    如何取消选中angular2中的复选框

  7. 7

    如何计算 Angular 7 中选中的复选框?

  8. 8

    如何在laravel中选中和不选中复选框显示2个不同的值?

  9. 9

    Angular.js-取消选中复选框时如何返回上一状态

  10. 10

    如何自动重新选中已使用 angular 取消选中的复选框

  11. 11

    如何在语义UI中选中和取消选中复选框时动态地启用和禁用按钮

  12. 12

    如何在语义UI中选中和取消选中复选框时动态地启用和禁用按钮

  13. 13

    如果在 angular2 中选中/取消选中最后一个复选框,如何显示/隐藏 div?

  14. 14

    如何设置在 Material-UI React 中选中的复选框组件?

  15. 15

    如何选中和取消选中div中的所有复选框

  16. 16

    如何使用jQuery更改prettyCheckable复选框(选中和取消选中)

  17. 17

    如何选中和取消选中所有复选框

  18. 18

    如何将复选框选中状态保存为布尔值?

  19. 19

    如何选中和取消选中复选框以及如何使复选框单击行外单击

  20. 20

    如何通过选中/取消选中一个复选框来选中和取消选中html表中的所有复选框?

  21. 21

    在Angular JS中取消选中复选框时如何禁用下拉菜单

  22. 22

    Angular:如何取消选中带有链接的所有复选框?

  23. 23

    Angular:如何取消选中带有链接的所有复选框?

  24. 24

    如何检查是否在Angular中选中了任何复选框

  25. 25

    如何基于Angular中选中的复选框启用/禁用按钮

  26. 26

    如何检查是否在Angular中选中了任何复选框

  27. 27

    如何使用 Angular 6 中的 api 响应将 mat-checkbox 设置为选中和取消选中

  28. 28

    将复选框绑定到模型并在Angular中选中/取消选中它

  29. 29

    如何发布复选框值而不是布尔值 - Angular 5

热门标签

归档