jqueryuicheckboxchangesize

by j08691

HTML

<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.min.css">
<input id="audioCheckbox" type="checkbox" />
<label id="audioCheckboxText" for="audioCheckbox">Enabled</label>

JavaScript

$(function () {
    $("input:checkbox").button();
    $("#audioCheckbox").click(function (e) {
        if (this.checked) {
            $("#audioCheckboxText").html('<span class="ui-button-text">Enabled</span>');
        } else {
            $("#audioCheckboxText").html('<span class="ui-button-text">Disabled</span>');
        }
    });
});