Check status of checkbox using JavaScript [duplicate]

Question

I want to create a function to see if a checkbox is checked or not and if so, run updateDocs().

I created the below but const isChecked = document.querySelector('#isPaperless'); does not seem to be correct. How is this done?

isChecked() {
  const isChecked = document.querySelector('#isPless');

  if (isChecked) {
    this.edocsService.updateEdocsStatus();
  }
}

<label htmlFor="isPless">
    <input id="isPless" name="isPless" type="checkbox" /> I want to receive my policy documents 
</label>

You likely mean to do if (document.getElementById("isPless").checked) ... — mplungjan
– mplungjan, Commented Jan 24, 2022 at 14:36

Co-7 · Accepted Answer · 2022-01-24 14:39:09Z

0

const input = document.getElementById('isPless');

function isChecked() {

    console.log("status : " + this.checked)

    if (this.checked) {
        
        this.edocsService.updateEdocsStatus();
    }
}

input.addEventListener("click", isChecked);

<label htmlFor="isPless">
    <input id="isPless" name="isPless" type="checkbox" /> I want to receive my policy documents 
</label>

answered Jan 24, 2022 at 14:39

Co-7

2002 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

Check status of checkbox using JavaScript [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related