HTML clickable radio button

Question

I am trying to select a radio button by clicking on text next to radio button. How can I enable click on radio button text to select radio button?

What I tried is here

<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female

Edit: I am sorry. I found answer here

A JS library which does this well http://www.onextrapixel.com/2014/01/07/label-your-input-fields-like-a-boss-with-label_better-js/ — Amar H-V, Feb 01 '14 at 01:53

score 2 · Answer 1 · answered Feb 01 '14 at 01:07

You would use a label element and match the for attribute with the id of the input:

UPDATED EXAMPLE HERE

<input type="radio" name="sex" id="male" value="male"/>
<label for="male">Male</label>

<input type="radio" name="sex" id="female" value="female"/>
<label for="female">Female</label>

HTML clickable radio button

1 Answers1