更改Bootstrap切换按钮的文本

时间:2014-09-01 08:18:38

标签: jquery twitter-bootstrap

我已经切换了Bootstrap的按钮,其中包含以下代码:

<input data-no-uniform="true" type="checkbox" class="iphone-toggle">

当我在上面编写代码时,默认显示ONOFF

我的问题是如何将ON / OFF改为YES / NO。是否有任何代码可以更改文本?我搜索谷歌但没有运气。

修改

<div class="iPhoneCheckContainer" style="width: 94px;">
    <input class="iphone-toggle" type="checkbox" checked="" data-no-uniform="true">
    <label class="iPhoneCheckLabelOff" style="width: 89px;">
        <span style="margin-right: 0px;">OFF</span>
    </label>
    <label class="iPhoneCheckLabelOn" style="width: 4px;">
        <span style="margin-left: -50px;">ON</span>
    </label>
    <div class="iPhoneCheckHandle" style="width: 41px; left: 0px;">
        <div class="iPhoneCheckHandleRight">
            <div class="iPhoneCheckHandleCenter"></div>
        </div>
    </div>
</div>

当我编写单行代码时,它会在内部生成上面的代码,那么如何更改它呢?

1 个答案:

答案 0 :(得分:2)

您可以尝试使用脚本更改默认标签。在dom ready handler

之外的页面底部添加它
iOSCheckbox.defaults.checkedLabel='Yes';
iOSCheckbox.defaults.uncheckedLabel='No';