Make javascript variable equal to input checkbox

Question

Imagine I have an input like so:

<input id="submitCheckbox" type="checkbox" name="recieveEmails">

And some form of submit button, say;

<button id="submit" type="button" onclick="submit()"></button>

And Javascript like so:

function submit() {
    var newVar = document.getElementById("submitCheckbox");
}

And by using something like this, newVar would be equal to True or False depending on the status of the checkbox when the submit button is pressed?

PS. The Javascript example I provided is theoretical. Please don't rip into me because it "doesn't work"

You'd have to get the state with `document.getElementById("submitCheckbox").checked` — adeneo, Feb 23 '17 at 06:34
`var newVar = document.getElementById("submitCheckbox").checked;` — Rajesh, Feb 23 '17 at 06:34

score 1 · Answer 1 · answered Feb 23 '17 at 06:40

1

Use this document.getElementById("submitCheckbox").checked instead of document.getElementById("submitCheckbox") as shown here:

function submit() {
    var newVar = document.getElementById("submitCheckbox").checked;
    console.log(newVar);
}

<input id="submitCheckbox" type="checkbox" name="recieveEmails">
<br>
<button id="submit" type="button" onclick="submit()">Click</button>

answered Feb 23 '17 at 06:40

Manish Joy

476
3
17

Thanks Manish. I'll accept the answer as soon as I can – Caspar Broekhuizen Feb 23 '17 at 06:41
welcome Caspar! – Manish Joy Feb 23 '17 at 06:43

Make javascript variable equal to input checkbox

1 Answers1