How to set the checkbox value with JS? [duplicate]

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
– MT0

2022-07-11 12:19:19 +00:00
Commented Jul 11, 2022 at 12:19 — MT0
– MT0, Commented Jul 11, 2022 at 12:19
doesn't work after I add ")"

Pavlos
– Pavlos

2022-07-11 12:25:06 +00:00
Commented Jul 11, 2022 at 12:25 — Pavlos
– Pavlos, Commented Jul 11, 2022 at 12:25

Mordor · Accepted Answer · 2022-07-11 12:04:49Z

1

you would use .checked = true; like so

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

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

edited Jul 11, 2022 at 12:04

answered Jul 11, 2022 at 11:45

Mordor

946 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

user5734311 Over a year ago

Please check for dupes before posting an answer. Basic questions are always dupes, complex questions mostly are.

Pavlos Over a year ago

For some reason doesn't work for me

Pavlos Over a year ago

I put it inside the function and called the function on click

Mordor Over a year ago

@ChrisG will do chief. use the id of your checkbox to find it

Pavlos Over a year ago

I edited function. @Mordor can you give me an example

Collectives™ on Stack Overflow

How to set the checkbox value with JS? [duplicate]

1 Answer 1

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Linked

Related