Spry User Guide - Support - Adobe

...
Please make a selection.
var sprycheckbox1 = new Spry.Widget.ValidationCheckbox("sprycheckbox1");
In the code, the new JavaScript operator initializes the Checkbox widget object, and transforms the span content with
the ID of sprycheckbox1 from static HTML code into an interactive page element.
The span tag for the error message in the widget has a CSS class applied to it. This class (which is set to
display:none; by default), controls the style and visibility of the error message, and exists in the accompanying
SpryValidationCheckbox.css file. When the widget enters different states as a result of user interaction, Spry places
different classes on the container for the widget, which in turn affects the error-message class.
SPRY
User Guide
You can add other error messages to a Validation Checkbox widget by creating a span tag (or any other type of tag)
to hold the text of the error message. Then, by applying a CSS class to it, you can hide or show the message, depending
on the widget state.
You can change the default appearance of the Validation Checkbox widget's states by editing the corresponding CSS
rule in the SpryValidationCheckbox.css file. For example, to change the background color for a state, edit the corresponding
rule or add a new rule (if it’s not already present) in the style sheet.
Variation on tags used for Text Field widget structure
In the preceding example, span tags create the structure for the widget:
Container SPAN
INPUT type="checkbox"
Error message SPAN
You can, however, use almost any container tag to create the widget.
Container DIV
INPUT type="checkbox"
Error Message P
Spry uses the tag ID (not the tag itself) to create the widget. Spry also displays error messages using CSS code that is
indifferent to the actual tag used to contain the error message.
85