Am I using the checkbox "checked" attribute correctly?

Asked Apr 21 '21 at 15:38

Active Apr 21 '21 at 16:12

Viewed 50 times

I have a consent form section of a website, and I want to make it necessary to check the consent checkbox before moving on.

function consentCheck() {
  var tick = document.getElementById("checkbox2").checked

  if (tick == true) {
    window.location.href = "details.html";
  }
  else {
    window.alert("You must consent to move on.");
    window.location.href = "consentform.html";

  };
};

The problem that I'm getting is that whether the box is checked on not, it is returning to the consentform.html. I have tried logging the tick value and that is correct, but something about the if/else statement isn't working. Oddly, when I put a window.alert statement outside of the if/else statement it sent me to the correct address, and in fact when I put a window.alert statement instead of the href statement it logged that correctly as well.

Can someone explain why it's behaving so oddly?

Thanks!

Sam

asked Apr 21 '21 at 15:38

sam faulkner

2

Probably you are submitting a form at the same time as you are triggering the JS, but you haven't provided a [mcve]. – Quentin Apr 21 '21 at 15:40
This problem is probably better solved using the `required` attribute instead of JS though. – Quentin Apr 21 '21 at 15:40
It looks like you're missing a semi-colon from the end of `.checked`. – WSC Apr 21 '21 at 15:45
@WSC — No. ASI will take care of that. – Quentin Apr 21 '21 at 15:46
1

Please edit your question and add the relevant HTML too. – WOUNDEDStevenJones Apr 21 '21 at 15:49

Am I using the checkbox "checked" attribute correctly?

0 Answers0