如何在单击按钮时更改onclick函数值

Josh 发表于 Dev

乔希

我试图为此寻找答案，但似乎找不到特定于此的答案。

我的网站上有一个按钮，看起来像这样：

<input class="btn btn-success" onclick="w.start()" type="button" value="Start" id='start' />

并单击我希望它更改为“停止”和我想的onclick功能改变onclick="w.stop()"，而不是w.start()我想要的类来改变从到btn-success到btn-danger（引导）

我可以使用以下jQuery来更改名称：

$(function () {
    $('#start').click(function () {
        $(this).val() == "Start" ? play_int() : play_pause();
    });
});

function play_int() {
    $('#start').val("Stop");
    // do start
}

function play_pause() {
    $('#start').val("Start");
    // do stop
}

但是，如何获取onclick函数和要更改的类？

特别是onclick函数:)

乔·德罗斯

您对如何以不同的方式处理问题有很好的建议-但是没有办法回答您有关如何更改问题的具体问题onclick。这在许多情况下都是有用的功能-因此，即使您就一般方法接受他人的建议，我也想回答您的特定问题。

这是我已经测试并发现可以正常工作的代码：

<script>
function play_int() {
    alert("play_int was executed");
    $("#start").val("Stop");
    $("#start").attr("onclick", "play_pause()");
    // do start
}

function play_pause() {
    alert("play_pause was executed");
    $("#start").val("Start");
    $("#start").attr("onclick", "play_int()");
    // do stop
}
</script>

<input class="btn btn-success" onclick="play_int();" type="button" value="Start" id='start' />

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。