Handle change on checkbox Angular2

Question

I have checkbox and I want use (change) on it. Default is "checked", but after click I want clear input text "Activation key". After re-checked I want generate guid and add again to input. How to get if the checkbox is selected or no?

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

TS

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

Pengyy · Accepted Answer · 2017-06-20 08:23:39Z

5

you can get checkbox status by e.target.checked

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

answered Jun 20, 2017 at 8:23

Pengyy

38.3k15 gold badges85 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Handle change on checkbox Angular2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related