How to check or uncheck checkboxes by clicking on text instead of checkbox itself?

Question

I have seen it on several webpages (cannot recall where exactly atm) where I am able to check or uncheck checkboxes by clicking on the text in front of the checkbox. I know how to do it in JavaScript (create a span with onclick()) , but I want to know if there is any way I can do it without JavaScript.

You are looking for the [`label`](https://developer.mozilla.org/en/docs/Web/HTML/Element/label) tag. — Boaz, Aug 01 '16 at 05:57
See http://stackoverflow.com/questions/6293588/how-to-create-an-html-checkbox-with-a-clickable-label — Stéphane, Aug 01 '16 at 05:57

niyasc · Accepted Answer · 2016-08-01T06:24:55.333

5

You can achieve this functionality using label tag as given below.

<input type="checkbox" id="option">

<label for="option">Select this option</label>

edited Aug 01 '16 at 06:24

answered Aug 01 '16 at 06:01

niyasc

4,440
1
23
50

Thanks. Yes this is what I was looking for. Sometimes even little straightforward things get out of mind and are hard to recall :A (y) – Youstay Igo Aug 01 '16 at 06:04
@niyasc Note that `label` is a tag and not a class. – Boaz Aug 01 '16 at 06:19

How to check or uncheck checkboxes by clicking on text instead of checkbox itself?

1 Answers1