How can I change the boolean value if the checkbox is checked?

gmark11

I want to change a boolean value in a component file with a simple checkbox. It should remain false if not checked, otherwise it should be true.

Element:

export class UsersComponent {
  public Personal: boolean = false;
}

HTML：

<label>
    <input type="checkbox" name="Personal" [(ngModel)]="Personal"/>
    Personal
</label>

Shlok Nangia

Since you added a 2-way binding in your html [(ngModel)]="Personal", it should be automatically assigned

inspection passed

<label>
    <input type="checkbox" name="Personal" [(ngModel)]="Personal"/>
    {{Personal}}
</label>

Related

How can I change the value of the checkbox if checked?

or I want to change the value of checkboxes when I select them from 0-1 This is what I tried HTML <input type="checkbox" name="Semi Annual" id="1" value="0"> Semi Annual <br> <input type="checkbox" name="Quaterly" id="2" value="0">

How can I change the value of the checkbox if checked?

or I want to change the value of checkboxes when I select them from 0-1 This is what I tried HTML <input type="checkbox" name="Semi Annual" id="1" value="0"> Semi Annual <br> <input type="checkbox" name="Quaterly" id="2" value="0">

How can I change the value of an input text field based on whether a checkbox is checked or not?

Wolf Derby Basically, I have an email field and then a checkbox below it. If it's checked, I want it to change the value of the email address field to something like [email protected], and if it's unchecked, I want it to show "originalemail

How can I change the value of an input text field based on whether a checkbox is checked or not?

Wolf Derby Basically, I have an email field and then a checkbox below it. If it's checked, I want it to change the value of the email address field to something like [email protected], and if it's unchecked, I want it to show "originalemail

How can I change the value of an input text field based on whether a checkbox is checked or not?

Wolf Derby Basically, I have an email field and then a checkbox below it. If it's checked, I want it to change the value of the email address field to something like [email protected], and if it's unchecked, I want it to show "originalemail

How can I change the value of an input text field based on whether a checkbox is checked or not?

Wolf Derby Basically, I have an email field and then a checkbox below it. If it's checked, I want it to change the value of the email address field to something like [email protected], and if it's unchecked, I want it to show "originalemail

How can I change the value of an input text field based on whether a checkbox is checked or not?

Wolf Derby Basically, I have an email field and then a checkbox below it. If it's checked, I want it to change the value of the email address field to something like [email protected], and if it's unchecked, I want it to show "originalemail

How can I change the value of an input text field based on whether a checkbox is checked or not?

Wolf Derby Basically, I have an email field and then a checkbox below it. If it's checked, I want it to change the value of the email address field to something like [email protected], and if it's unchecked, I want it to show "originalemail

How can I change the value of the tr inside the td corresponding to the checked checkbox after the approve button is clicked?

Tarski I want to change the status of the selected row from "Pending Approval" to "Approved" and disable the checkbox after clicking the "Approve" button. The code below is already running on the backend i.e. db value update. Now when the user clicks the "Appr

How can I change the value of an input text field based on whether a checkbox is checked or not?

Wolf Derby Basically, I have an email field and then a checkbox below it. If it's checked, I want it to change the value of the email address field to something like [email protected], and if it's unchecked, I want it to show "originalemail

How can I change the value of an input text field based on whether a checkbox is checked or not?

Wolf Derby Basically, I have an email field and then a checkbox below it. If it's checked, I want it to change the value of the email address field to something like [email protected], and if it's unchecked, I want it to show "originalemail

How can I change the value of an input text field based on whether a checkbox is checked or not?

Wolf Derby Basically, I have an email field and then a checkbox below it. If it's checked, I want it to change the value of the email address field to something like [email protected], and if it's unchecked, I want it to show "originalemail

How can I change the value of an input text field based on whether a checkbox is checked or not?

Wolf Derby Basically, I have an email field and then a checkbox below it. If it's checked, I want it to change the value of the email address field to something like [email protected], and if it's unchecked, I want it to show "originalemail

How can I change the value of an input text field based on whether a checkbox is checked or not?

Wolf Derby Basically, I have an email field and then a checkbox below it. If it's checked, I want it to change the value of the email address field to something like [email protected], and if it's unchecked, I want it to show "originalemail

How can I change the value of the tr inside the td corresponding to the checked checkbox after the approve button is clicked?

Tarski I want to change the status of the selected row from "Pending Approval" to "Approved" and disable the checkbox after clicking the "Approve" button. The code below is already running on the backend i.e. db value update. Now when the user clicks the "Appr

How can I change the checked state to uncheck this Checkbox case?

Oscar Rojas Murillo Please help me here...I have a list of checkboxes with "isChecked" value in DB, but I don't know how to change this value when the checkbox is pressed. (For example, if I have a checkbox with isChecked value of "false", when I want to press

How can I change the checked state to uncheck this Checkbox case?

Oscar Rojas Murillo Please help me here...I have a list of checkboxes with "isChecked" value in DB, but I don't know how to change this value when the checkbox is pressed. (For example, if I have a checkbox with isChecked value of "false", when I want to press

How can I change the selection to input text when the checkbox is checked?

Krzysztof Radzi This is my first contact with js so please don't hate me, I have something like this: function Zmiana(isChecked) { document.getElementById('test').type = 'text'; } <div class="dropdown"> <select id="test" name="producent" class="dropdown-se

How can I change a textfield to be visible only when the checkbox is checked?

Abishek I am trying to make the textfield visible only when the checkbox is checked. But for some reason it doesn't work. Please take a look. front_end.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="

How can I change a textfield to be visible only when the checkbox is checked?

Abishek I am trying to make the textfield visible only when the checkbox is checked. But for some reason it doesn't work. Please take a look. front_end.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="

How can I change the checked state to uncheck this Checkbox case?

Oscar Rojas Murillo Please help me here...I have a list of checkboxes with "isChecked" value in DB, but I don't know how to change this value when the checkbox is pressed. (For example, if I have a checkbox with isChecked value of "false", when I want to press

How can I change the color of a DIV when the checkbox is checked?

username I want to change the color of the DIV when the checkbox is checked. I want to do this in jQuery. i have tried if($('#checkboxTest').is(':checked')) { $('.alertWrapper').css('background-color', 'blue'); } But it doesn't work.. any hel

How can I change the color of a DIV when the checkbox is checked?

username I want to change the color of the DIV when the checkbox is checked. I want to do this in jQuery. I have tried: if($('#checkboxTest').is(':checked')) { $('.alertWrapper').css('background-color', 'blue'); } but this doesn't work.. any

How can i change the class on :checked div containing checkbox

Casimir I want to disable the :hovereffect on the div that includes my checkbox :checked. I tried: input[type=checkbox]:checked ~ #mydiv:hover {my:css} It only works on div/class that doesn't contain my checkbox. How can I do this? Here is my code: http://code

How can I change the checked state to uncheck this Checkbox case?

Oscar Rojas Murillo Please help me here...I have a list of checkboxes with "isChecked" value in DB, but I don't know how to change this value when the checkbox is pressed. (For example, if I have a checkbox with isChecked value of "false", when I want to press

How can I change the checked state to uncheck this Checkbox case?

Oscar Rojas Murillo Please help me here...I have a list of checkboxes with "isChecked" value in DB, but I don't know how to change this value when the checkbox is pressed. (For example, if I have a checkbox with isChecked value of "false", when I want to press

How can I change the selection to input text when the checkbox is checked?

Krzysztof Radzi This is my first contact with js so please don't hate me, I have something like this: function Zmiana(isChecked) { document.getElementById('test').type = 'text'; } <div class="dropdown"> <select id="test" name="producent" class="dropdown-se

How can I change the selection to input text when the checkbox is checked?

Krzysztof Radzi This is my first contact with js so please don't hate me, I have something like this: function Zmiana(isChecked) { document.getElementById('test').type = 'text'; } <div class="dropdown"> <select id="test" name="producent" class="dropdown-se

How can I change a textfield to be visible only when the checkbox is checked?

Abishek I am trying to make the textfield visible only when the checkbox is checked. But for some reason it doesn't work. Please take a look. front_end.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="