[TW.87]

I have some content on a website of mine that features a selection of four 'radio buttons' and related text. As the corresponding content for this 'radio button' field is in the form of a quiz-question, only one of the answers is correct.

Is there a simple script available that would allow, when a user selects the correct 'radio button', the answer to become instantly bold?

For example, should the correct answer be the first 'radio button', and the user select the second 'radio button', nothing should happen. Should the user then select the first 'radio button', the text relating to that radio button should become bold to signal the correct answer. Is this possible?

Any help would be greatly appreciated!

[Big-K]

apply the onclick event to the correct radio button.

simple example(view source to get the stuff for it):
http://bionichippo.com/scripting/radiotest.htm

[TW.87]

Thank you for your reply.

Although the script you provided does work in Firefox, it does not work in Internet Explorer 7. Is there a tweak for it that will enable it to work cross-browser?

[Big-K]

I forgot that IE dislikes certain lazy methods i sometimes use. Yay for debugging. Here you go, the new functions, you can also get rid of the <style>...</style> bit.

function change(){
var item = document.getElementById('answer');
item.style.fontWeight = 'bold';
}
function unchange(){
var item = document.getElementById('answer');
item.style.fontWeight = 'normal';
}

[TW.87]

That's great!

Thank you so much for your help! I really appreciate it.