jQuery: How to display checkbox

Using jQuery mobile, this is how i display 4 checkboxes… “data-mini” simply make the font and box smaller.

<div data-role="fieldcontain" id="checkbox">
<fieldset data-role="controlgroup">
<legend>Unit</legend>
<input type="checkbox"  name="outputCB_1"  data-mini="true" />
<label for="outputCB_1">Checkbox 1</label>
<input type="checkbox"  name="outputCB_2"  data-mini="true" />
<label for="outputCB_2">Checkbox 2</label>
<input type="checkbox"  name="outputCB_3"  data-mini="true" />
<label for="outputCB_3">Checkbox3</label>
<input type="checkbox"  name="outputCB_4"  data-mini="true" />
<label for="outputCB_4">Checkbox 4</label>
</fieldset>
</div>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s