Breaking News: Grepper is joining You.com. Read the official announcement!

Disable button if one of the checkboxes are not checked

SAMER SAEID answered on May 11, 2022 Popularity 8/10 Helpfulness 4/10

answer Disable button if one of the checkboxes are not checked

related Disable button if one of the checkboxes are not checked

Disable button if one of the checkboxes are not checked

Comment

const checkBoxes = document.querySelectorAll('input[type="checkbox"]');
const submitButton = document.getElementById('startusing-button');
checkBoxes.forEach((cb) => {
  cb.addEventListener('change', checkButtonStatus);
});
function checkButtonStatus() {
  const checkedCount = [...checkBoxes].filter((cb) => cb.checked);
  submitButton.disabled = checkedCount.length !== checkBoxes.length
}
checkButtonStatus();

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: button checked disable javascript

Link to this answer
Share Copy Link

Contributed on May 11 2022

SAMER SAEID

0 Answers Avg Quality 2/10

Closely Related Answers

Disable button if one of the checkboxes are not checked

Comment

<input type="checkbox" id="document-checkboxid" />
<input type="checkbox" name="VAT" id="accepttermsandcond-checkbox" />
<button type="button" id="startusing-button">CreateSubscription</button>

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript disable button checked javascrip

Link to this answer
Share Copy Link

Contributed on May 11 2022

SAMER SAEID

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Disable button if one of the checkboxes are not checked

Contents

More Related Answers

Disable button if one of the checkboxes are not checked

Closely Related Answers

Disable button if one of the checkboxes are not checked

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.