设置文本时，jquery ui复选框变小

Question

任何人都知道如何更改checkbox上的文字并适当调整checkbox比例的大小？

http://jsfiddle.net/bobbyrne01/szwz2L2m/

html ..

<input id="audioCheckbox" type="checkbox" />
<label id="audioCheckboxText" for="audioCheckbox">Enabled</label>

js ..

$(function () {
    $("input:checkbox").button();

    $("#audioCheckbox").click(function (e) {

        if (this.checked) {
            $("#audioCheckboxText").text('Enabled');
        } else {
            $("#audioCheckboxText").text('Disabled');
        }
    });
});

Answer 1

更改标签的.html()，而不是.text()：

$(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>');
        }
    });
});

<强> jsFiddle example