Javascript to change checkbox label

danmurf · 4 Jul 2007 at 10:56

I've found this page which shows you how to change the checkbox image with javascript for selected checkboxes, but what would be really good would be to change the label properties too - does anyone know of any techniques/sites showing how to do this?

Many thanks

meghatronic · 4 Jul 2007 at 11:17

Can't you just apply css to the form (label) properties?

danmurf · 4 Jul 2007 at 11:21

jdickerson said:
Can't you just apply css to the form (label) properties?

Yes - but how do I change the label properties for when the checkbox is selected, like in the example link?

meghatronic · 4 Jul 2007 at 12:12

Some javascript?

danmurf · 4 Jul 2007 at 12:22

jdickerson said:
Some javascript?

Yes like the example link

You'll see that the script changes the image for the checkbox, but not the label. I'm looking for a script which changes both the checkbox attributes and the label which is associated with it.

I know the images are set in CSS, but it's the javascript which changes the properties. If the javascript changes the properties of the label associated with the checkbox as well I will define the label properties for both checked/unchecked in CSS the same way as the checkbox itself.

meghatronic · 4 Jul 2007 at 12:41

danmurf said:
Yes like the example link

You'll see that the script changes the image for the checkbox, but not the label. I'm looking for a script which changes both the checkbox attributes and the label which is associated with it.

I know the images are set in CSS, but it's the javascript which changes the properties. If the javascript changes the properties of the label associated with the checkbox as well I will define the label properties for both checked/unchecked in CSS the same way as the checkbox itself.

Apologies for brevity, I meant you could change the active css property by javasciprt.

E.g. http://www.faqts.com/knowledge_base/view.phtml/aid/2147/fid/128

psyr33n · 4 Jul 2007 at 13:32

Use the DOM (Document Object Model).