{"main":["checkbox.js","checkbox.css"],"options":[{"name":"customClass","type":"string","default":"''","description":"Class applied to instance"},{"name":"toggle","type":"boolean","default":"false","description":"Render 'toggle' styles"},{"name":"labels.on","type":"string","default":"'ON'","description":"Label for 'On' position; 'toggle' only"},{"name":"labels.off","type":"string","default":"'OFF'","description":"Label for 'Off' position; 'toggle' only"}],"events":[],"methods":[{"name":"disable","description":"Disables target instance","examples":["$(\".target\").checkbox(\"disable\");"]},{"name":"enable","description":"Enables target instance","examples":["$(\".target\").checkbox(\"enable\");"]},{"name":"update","description":"Updates target instance","examples":["$(\".target\").checkbox(\"update\");"]}],"name":"Checkbox","type":"widget","description":"A jQuery plugin for replacing checkboxes.","dependencies":["core.js","touch.js"],"css":[{"name":".fs-checkbox-element","type":"element","description":"Target elmement"},{"name":".fs-checkbox","type":"element","description":"Base widget class"},{"name":".fs-checkbox.fs-checkbox-checked","type":"modifier","description":"Indicates checked state"},{"name":".fs-checkbox.fs-checkbox-radio","type":"modifier","description":"Indicates radio interface"},{"name":".fs-checkbox.fs-checkbox-toggle","type":"modifier","description":"Indicates toggle interface"},{"name":".fs-checkbox.fs-checkbox-focus","type":"modifier","description":"Indicates focused state"},{"name":".fs-checkbox.fs-checkbox-disabled","type":"modifier","description":"Indicates disabled state"},{"name":".fs-checkbox-enabled","type":"modifier","description":"Indicates enabled state"},{"name":".fs-checkbox-label","type":"element","description":"Label element"},{"name":".fs-checkbox-marker","type":"element","description":"Marker element"},{"name":".fs-checkbox-flag","type":"element","description":"Flag element"}],"use":"### Basic\n\nCheckbox will automatically detect the input's type and render proper styles.\n\n```javascript\n$(\"input[type=checkbox], input[type=radio]\").checkbox();\n```\n\n```markup\n<fieldset>\n\t<label for=\"check_1\">Checkbox</label>\n\t<input type=\"checkbox\" name=\"check_1\" id=\"check_1\" value=\"on\">\n</fieldset>\n<fieldset>\n\t<label for=\"radio_1\">Radio</label>\n\t<input type=\"radio\" name=\"radio_1\" id=\"radio_1\" value=\"on\">\n</fieldset>\n```\n\n### Toggle\n\nCheckbox can also render a 'toggle' style checkbox.\n\n```javascript\n$(\"input[type=checkbox]\").checkbox({\n\ttoggle: true\n});\n```","demo":"<style>\r\n</style>\r\n\r\n<script>\r\n\t$(function() {\r\n\t\t$(\"input[type=checkbox], input[type=radio]\").checkbox();\r\n\t});\r\n</script>\r\n\r\n<div class=\"fs-row\">\r\n\t<div class=\"fs-cell fs-sm-third fs-md-third fs-lg-third\">\r\n\t\t<h4>Checkbox</h4>\r\n\t\t<form action=\"#\" method=\"GET\" class=\"form demo_form\">\r\n\t\t\t<fieldset class=\"form_fieldset\">\r\n\t\t\t\t<input type=\"checkbox\" value=\"1\" id=\"checkbox-1\" name=\"checkbox-1\" checked>\r\n\t\t\t\t<label for=\"checkbox-1\">One</label>\r\n\t\t\t</fieldset>\r\n\t\t\t<fieldset class=\"form_fieldset\">\r\n\t\t\t\t<label for=\"checkbox-2\">\r\n\t\t\t\t\t<input type=\"checkbox\" value=\"2\" id=\"checkbox-2\" name=\"checkbox-2\"> Two\r\n\t\t\t\t</label>\r\n\t\t\t</fieldset>\r\n\t\t\t<fieldset class=\"form_fieldset\">\r\n\t\t\t\t<input type=\"checkbox\" value=\"3\" id=\"checkbox-3\" name=\"checkbox-3\" disabled>\r\n\t\t\t\t<label for=\"checkbox-3\">Three</label>\r\n\t\t\t</fieldset>\r\n\t\t\t<fieldset class=\"form_fieldset\">\r\n\t\t\t\t<label>\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<input type=\"checkbox\" value=\"4\" id=\"checkbox-4\" name=\"checkbox-4\"> Four\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</label>\r\n\t\t\t</fieldset>\r\n\t\t</form>\r\n\t</div>\r\n\t<div class=\"fs-cell fs-sm-third fs-md-third fs-lg-third\">\r\n\t\t<h4>Radio</h4>\r\n\t\t<form action=\"#\" method=\"GET\" class=\"form demo_form\">\r\n\t\t\t<fieldset class=\"form_fieldset\">\r\n\t\t\t\t<input type=\"radio\" value=\"1\" id=\"radio-1\" name=\"radio-group\" checked>\r\n\t\t\t\t<label for=\"radio-1\">One</label>\r\n\t\t\t</fieldset>\r\n\t\t\t<fieldset class=\"form_fieldset\">\r\n\t\t\t\t<label for=\"radio-2\">\r\n\t\t\t\t\t<input type=\"radio\" value=\"2\" id=\"radio-2\" name=\"radio-group\"> Two\r\n\t\t\t\t</label>\r\n\t\t\t</fieldset>\r\n\t\t\t<fieldset class=\"form_fieldset\">\r\n\t\t\t\t<input type=\"radio\" value=\"3\" id=\"radio-3\" name=\"radio-group\" disabled>\r\n\t\t\t\t<label for=\"radio-3\">Three</label>\r\n\t\t\t</fieldset>\r\n\t\t\t<fieldset class=\"form_fieldset\">\r\n\t\t\t\t<label>\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<input type=\"radio\" value=\"4\" id=\"radio-4\" name=\"radio-group\"> Four\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</label>\r\n\t\t\t</fieldset>\r\n\t\t</form>\r\n\t</div>\r\n\t<div class=\"fs-cell fs-sm-third fs-md-third fs-lg-third\">\r\n\t\t<h4>Toggle</h4>\r\n\t\t<form action=\"#\" method=\"GET\" class=\"form demo_form\">\r\n\t\t\t<fieldset class=\"form_fieldset\">\r\n\t\t\t\t<input type=\"checkbox\" value=\"One\" id=\"toggle-1\" name=\"toggle-1\" checked data-checkbox-options='{\"toggle\":true}'>\r\n\t\t\t\t<label for=\"toggle-1\">One</label>\r\n\t\t\t</fieldset>\r\n\t\t\t<fieldset class=\"form_fieldset\">\r\n\t\t\t\t<input type=\"checkbox\" value=\"Two\" id=\"toggle-2\" name=\"toggle-2\" data-checkbox-options='{\"toggle\":true}'>\r\n\t\t\t\t<label for=\"toggle-2\">Two</label>\r\n\t\t\t</fieldset>\r\n\t\t\t<fieldset class=\"form_fieldset\">\r\n\t\t\t\t<input type=\"checkbox\" value=\"Three\" id=\"toggle-3\" name=\"toggle-3\" disabled data-checkbox-options='{\"toggle\":true}'>\r\n\t\t\t\t<label for=\"toggle-3\">Three</label>\r\n\t\t\t</fieldset>\r\n\t\t</form>\r\n\t</div>\r\n</div>"}