quick one, if user clicks text of radio button it selects the button

unwashed potato! · 21 Nov 2007 at 01:03

sure this must be an easy one but can't find an solution. im embarrassed to admit i don't know it which is why i tried google but even that isn't providing an answer.

just want it so that when the user clicks the text with a radio button it selects the radio button. would have thought thats what label does but unless i did it wrong i can't get it to.

marc2003 · 21 Nov 2007 at 01:22

why bother? when people see a radio box, they instinctively go for the radio button itself - not click on the text? :confused:

edit: removed silly advice - see below.

unwashed potato! · 21 Nov 2007 at 01:34

marc2003 said:
why bother? when people see a radio box, they instinctively go for the radio button itself - not click on the text?

but it can be done easily enough. give the checkbox an id. wrap the text in a span and set the onclick property of the span to....

Code:

document.getElementById('blah').checked = true;

didn't realise thats the way to do it, thought it was some html that associated the text with the button.

i for one never ever click the radio button, always the text as its a much larger area to click compared to the teeny weeny radio button.

Beansprout · 21 Nov 2007 at 01:41

Mammalian said:
didn't realise thats the way to do it, thought it was some html that associated the text with the button.

Yup

marc2003 · 21 Nov 2007 at 01:42

Mammalian said:
thought it was some html that associated the text with the button.

actually, you're right i just googled it and there's no need for the JS.

http://www.w3.org/TR/html4/interact/forms.html#h-17.9.1

just put the input inside the label tags.

edit: too slow.

unwashed potato! · 21 Nov 2007 at 11:29

Beansprout said:
Yup

ahhhh i was right, thought thats what labels did so rechecked code and turned out the reasno it wasn't working is a missed a blooming = in id="something"

thanks guys