处理复选框Angular2上的更改

发布时间：2020-12-17 17:28:47 所属栏目：安全来源：网络整理

导读：我有复选框,我想要使用(更改)它.默认为“已选中”,但点击后我想要清除输入文本“激活密钥”.重新检查后,我想生成guid并再次添加到输入.如果选中或不选中复选框怎么办？ div class="checkbox" label input type="checkbox" checked (change)="handleChange($e

我有复选框,我想要使用(更改)它.默认为“已选中”,但点击后我想要清除输入文本“激活密钥”.重新检查后,我想生成guid并再次添加到输入.如果选中或不选中复选框怎么办？

<div class="checkbox">
    <label>
       <input type="checkbox" checked (change)="handleChange($event)" > 
           Generate key
    </label>
</div>

handleChange(e) {
    var isChecked = e.isChecked;
    if (isChecked) {
        this.gatewayForm.patchValue({ 'activationKey': this.guid() });
    }
    else {
       this.gatewayForm.controls['activationKey']
           .setValue('',{ onlySelf: true });
    }
}

解决方法

您可以通过e.target.checked获取复选框状态

handleChange(e) {
  var isChecked = e.target.checked;
  ...
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!