我在应用程序中使用了引导程序切换,而我想要实现的是在实际发生点击之前显示文本。现在单击之前没有显示任何文本,当我单击切换时,结果为“ toggle:true”和“ toggle:false”。
我想在单击之前显示文本-像这样:音乐当前:关闭,...然后单击,它将变为打开/再次单击关闭。
js
<div class="widget widget-table">
$(function () {
$('#toggle-event').change(function () {
$('#music-info').html('Music is currently ' + $(this).prop('checked'))
})
})
html
<div id="music-info"></div>
<input id="toggle-event" type="checkbox" data-toggle="toggle">
有什么帮助吗?
谢谢!
最佳答案
我不确定我是否对您的了解很好,这是您想要的吗?
$(function () {
$('#music-info').html('Music is currently ' + ($('#toggle-event').prop('checked') ? 'ON' : 'OFF') )
$('#toggle-event').change(function () {
$('#music-info').html('Music is currently ' + ($(this).prop('checked') ? 'ON' : 'OFF') )
});
});
在这里检查... https://fiddle.jshell.net/rigobauer/wfrLsa2h/