Make checkbox label clickable

HTML & CSS
1

Hi,

I have the following code

      <div class="col-md-12">
      <div class="show-password">
      <input type="checkbox" id="show-hide-password" />
	  <label for="show-hide-password" id="show-hide-password-label">Show Password</label>
			</div>
	  </div>

However, I would like the checkbox to become selected when the label is clicked.

Is this possible?

2

It should just work if you have matching id and for attributes, as you appear to have.

3

It doesn’t seem to check the box if it’s clicked though :confused:

4

It seems to be working for me.

5

Yes works for me also:)

We’d need to see an example where it doesn’t work unless this is a specific browsers issue so more details are required :slight_smile:

6

Thanks, I figured out that I had a pointer-event on the checkbox.

7

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.