我在应用程序中使用了引导程序切换,而我想要实现的是在实际发生点击之前显示文本。现在单击之前没有显示任何文本,当我单击切换时,结果为“ 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/

09-10 05:11
查看更多