用jquery ui按钮切换文本（标签）

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

<input type="checkbox" id="device_4_state" name="device_4_state" class="toggle-button on-off" checked="checked" /> 
<label for="device_4_state">ON</label>

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

来源

2013-07-28 Kirk Ross

你的答案就在这里http://stackoverflow.com/questions/13652835/ button-text-toggle-in-jquery –

这里是解决方案：

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

});

来源

2013-07-28 03:24:52

非常感谢你......像一个魅力一样工作。 –

如果您希望使用纯CSS来设置标签文本，您可以使用CSS伪元素来自动生成标签的基于jQuery开发的状态中的内容-ui按钮。使用这种方法，离开标签空（<label for="device_4_state"></label>）和包括CSS是这样的：

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

在本的jsfiddle：http://jsfiddle.net/GjPXZ/1/

来源

2013-07-28 03:49:23 baryon5

用jquery ui按钮切换文本（标签）

回答

相关问题