<div id="checkboxes" class="yui3-checkboxes-loading">

<div>

<label for="field-1">Field 1: </label>

<span>

<span>

<input type="checkbox" id="field-1" name="field-1" value="1">

</span>

</span>

</div>

<div>

<label for="field-2">Field 2: </label>

<span>

<span>

<input type="checkbox" id="field-2" name="field-2" value="2">

</span>

</span>

</div>

<div>

<label for="field-3">Field 3: </label>

<span>

<span>

<input type="checkbox" id="field-3" name="field-3" value="3">

</span>

</span>

</div>

</div>

<script>

YUI({

// Load the stylesheet for the skinned checkboxes via JavaScript,

// since without JavaScript skinning of the checkboxes wouldn't

// be possible.

modules: {

"checkboxcss": {

type: "css",

fullpath: "{{componentAssets}}/checkbox.css"

},

"checkboxjs": {

type: "js",

fullpath: "{{componentAssets}}/checkbox.js",

requires: ["classnamemanager", "event-focus", "node-event-delegate", "checkboxcss"]

}

}

}).use("checkboxjs");

</script>