Radio Button Group HTML5 export JQuery Widgets

[saratogacoach]

Hi,

Just getting started with HTML5. Is there a way to create a radio button group (7 buttons) so that only one can be selected in the group (if one is selected, then the others are not)? I also need to attach a score for each button/choice (0-6).

Any help appreciated getting started with this.

[Bob Hartzell]

I will have to investigate. I suspect you will need jQuery code to do what you want.

[Bob Hartzell]

I am pressed for time today to figure this out. This link might help --
http://stackoverflow.com/questions/1...box-is-checked

Basically, you will need to familiarize yourself with jQuery. You can add code to the movie in Movie > Insert custom javascript.

[Bob Hartzell]

Here a few more links which may help

http://stackoverflow.com/questions/2...r-using-jquery

http://stackoverflow.com/questions/1...x-using-jquery

I would search stackoverflow for answers to questions or you can post a question (beware, they can be hard on you if you ask a stupid question as I have done on occasion)

[saratogacoach]

Thanks, Bob. I think that I would need to write a custom JavaScript item. I'll see if I can find an example of a mutually exclusive radio button group (where only one can be selected, and each button has a different score value). May be possible. Only need to create this script, get it working one time. Then can use it again for each of the 15 questions.

So far, when I search online, for example at stackoverflow, the JavaScript seems written for JQuery and uses $ instead of the var that I am used to when writing JavaScript. Not sure if a custom JavaScript in KM can use this syntax?

[Bob Hartzell]

jQuery code should work fine in KoolMoves. If not, you can add the block of code manually to the html.

You want to handle mouse events, so this will be useful:

http://www.w3schools.com/jquery/jquery_events.asp

[saratogacoach]

Thank you, Bob.