Radio buttons are used to provide a list of options where only a single item can be selected. Traditional desktop radio buttons are not optimized for touch input so jQuery Mobile styles the label for the radio buttons so they are larger and look clickable. A custom set of icons are added to the label to provide additional visual feedback.

The radio button controls below use standard input/label markup, but are styled to be more touch-friendly. The styled control you see is actually the label element, which sits over the real input, so if images fail to load, you’ll still have a functional control. In most browsers, clicking the label automatically triggers a click on the input, but we’ve had to trigger the update manually for a few mobile browsers that don’t do this natively. On the desktop, these controls are keyboard and screen-reader accessible.



Input label. Possible to enter static text and translate to different languages if needed. Use the translate button to translate to desired language. The label can also be binded to an public attribute from the application class.


Direct binding of the value entered to the Application Class. No more need for extra coding, the data is passed to the Application Class in the OnSubmit event, to the binded source.

Conv. Exit

Enter a shortcode for conversion exit name if you need to display the data from the datasource in a different way. Use DEC2 for 2 decimals etc.( CONVERSION_EXIT_DEC2_OUTPUT )


Binds value for attributes to the object. All valid attributes can be binded.

Format from Application Class:

id="demo" width="100px"


Binds value for styles to the object. All valid styles can be binded.

Format from Application Class:

width: 100px; length: 200px


If the binded value for this field contains a value, the object will not be rendered from the server to the client. The disable function will also disable all child objects.


The value for the binded field when this radiobutton is selected.

External Reference