Changing a Radio Button to a Checkbox on the Fly

Changing a Radio Button to a Checkbox on the Fly

Hi jQuery Mobile World,

I've been using and loving jQuery mobile lately. I've been using it to build a quiz tool, and I've run into something I haven't been able to solve. Hoping someone can help or offer advice.

My quiz tool needs to switch from a "multiple choice" question, to a "select all that apply" selection. I'm using radio buttons for the default as they're perfect for multiple choice, but when there's a question that needs more than one option selected for a correct answer, the radio buttons are counter-intuitive.

I've already built it so that you can select multiple radio buttons and they highlight as you select/deselect, but I still have the "radio icon" on the left side.

What would be ideal is if I could switch my radio buttons to checkboxes between questions. I've tried this several ways, but haven't been able to do this properly. I've even managed to get the checkboxes appearing, but JQM still treats them as radio buttons.



Can anyone suggest a way to switch a radio button group to a checkbox group on the fly, with JQM treating them properly (i.e. I can select several of the checkboxes in the group)? And if not, can anyone suggest how to remove the radio button icon entirely from the radio button?

Any advice would be much appreciated!
Jon