How can I get a true or false from a checkbox in a form?

Question

I want to do this without jQuery

I tried to get it with getElementById but it does not give anything.

<p class="yellow"><input type="checkbox" id="accept">Ik accepteer</p>

function required() {
    var checkPrivacy = document.getElementById("accept").innerHTML
    alert(checkPrivacy)
    if (checkPrivacy == false)
    {
        alert("Option 1");
    } else {
        alert("Option 2")
    }
}

You'll need `.checked` instead off `innerHTML` – 0stone0 Apr 12 '22 at 15:47 — 0stone0, Apr 12 '22 at 15:47

score 1 · Accepted Answer · answered Apr 12 '22 at 15:47

1

You can use the "checked" property

function isChecked(checkboxId) {
    document.getElementById(checkboxId).checked;
}

You can also set it

function check() {
    document.getElementById("myCheck").checked = true;
}

answered Apr 12 '22 at 15:47

dasfacc

148
2
8

nurmdrafi · Answer 2 · 2022-04-12T15:57:36.320

0

Try this:

<p class="yellow"><input onClick="handleSelectedItems(e)" type="checkbox" id="accept">Ik accepteer</p>

const handleSelectedItems = (e) =>{
const selected = e.target.checked; //true or false

if(selected){
   // do something
} else{
   // do something else
}
}

edited Apr 12 '22 at 15:57

answered Apr 12 '22 at 15:50

nurmdrafi

419
4
11

How can I get a true or false from a checkbox in a form?

2 Answers2