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

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

jquery ui checkbox becomes tiny when setting text

jquery-ui