Jquery ui 使用jquery ui按钮切换更改文本（标签）

我有一个jQueryUI按钮，我知道如何使用css在状态之间更改样式，但我也想知道如何更改标签文本。例如，如下所示的开/关按钮——当[checked=“checked”]时，标签文本将为=“ON”（未选中时为OFF）

在…上

---

任何帮助都是巨大的。谢谢。

以下是解决方案：

$('#device_4_state').change(function(){
    if ($("#device_4_state").is(':checked'))
    {
        $("label[for='device_4_state']").text("ON");
    }
    else
    {
        $("label[for='device_4_state']").text("OFF");
    }

});

---

以下是解决方案：

$('#device_4_state').change(function(){
    if ($("#device_4_state").is(':checked'))
    {
        $("label[for='device_4_state']").text("ON");
    }
    else
    {
        $("label[for='device_4_state']").text("OFF");
    }

});

---

如果希望使用纯CSS设置标签文本，可以使用CSS伪元素根据jQueryUI按钮的状态自动生成标签内容。要使用这种方法，请将标签留空（

），并包含如下CSS：

.on-off + label > span:before {
    content: "OFF";
}
.on-off + label.ui-state-active > span:before {
    content: "ON";
}

---

与此JSFIDLE一样：

如果希望使用纯CSS设置标签文本，可以使用CSS伪元素根据jquery ui按钮的状态自动生成标签内容。要使用这种方法，请将标签留空（

），并包含如下CSS：

.on-off + label > span:before {
    content: "OFF";
}
.on-off + label.ui-state-active > span:before {
    content: "ON";
}

正如在这个jsfiddle中：

您的答案在这里您的答案在这里