How to set the checkbox value with JS?

Question

I have parent element like:

<span style="background: yellow; padding: 50px;" onClick="setCheckBox()"><span>
<span> </span> <input type="checkbox" name="f01" value="100"></span></span>

and js function:

function setCheckBox() {
 document.getElementsByTagName('input'[0].checked = 'true';
}

Want to change the checkbox input on parent click (yellow color)

Thanks in advance!

You are missing a `)` after the tag name. – MT0 Jul 11 '22 at 12:19 — MT0, Jul 11 '22 at 12:19

Mordor · Answer 1 · 2022-07-11T12:04:49.563

1

you would use .checked = true; like so

document.getElementsByTagName('input')[0].checked = true;

  <input type="checkbox" name="f01" value="100">

edited Jul 11 '22 at 12:04

answered Jul 11 '22 at 11:45

Mordor

84
6

4

Please check for dupes before posting an answer. Basic questions are always dupes, complex questions mostly are. – Jul 11 '22 at 11:46
For some reason doesn't work for me – Pavlos Jul 11 '22 at 11:49
I put it inside the function and called the function on click – Pavlos Jul 11 '22 at 11:49
@ChrisG will do chief. use the id of your checkbox to find it – Mordor Jul 11 '22 at 12:04
I edited function. @Mordor can you give me an example – Pavlos Jul 11 '22 at 12:10

How to set the checkbox value with JS?

1 Answers1