我有一个按钮，可以在点击时改变文本，但不会变回来

I have a button that changes the text in it when clicked but won't change back

本文关键字：文本 改变 回来 按钮 有一个      更新时间：2023-09-26

我的页面上有一个按钮，它可以开始动画，也可以停止动画。最重要的是，当你点击按钮时，按钮内的文本会改变。当你点击按钮时，它开始动画并改变文本但当你再次点击它时，它停止动画，不改变文本。我在想我该怎么做。这是我的代码:http://pastebin.com/aB83eKxL

将文本更改回来的代码在哪里?我在你的例子中没有看到。您需要执行如下操作:

    $('input#lightswitch').on('change', function() {
      if($('#ls').html() != 'RAINBOW!') $('#ls').html('RAINBOW!');
      else $('#ls').html('Normal button text');
    });

可以使用单行三元表达式

替换:$('#ls').html('RAINBOW!')

:$('#ls').html(($('#ls').html() == 'Rainbow Switch' ? 'RAINBOW!' : 'Rainbow Switch'))

修改代码:

  $(function() {
    var initialText = 'RAINBOW!';
    $('input#lightswitch').on('change', function() {
      var nextText =  $('#ls').html();
      $('#ls').html(initialText);
      initialText = nextText;
    });

你的例子代码太多了(你真的应该发布一个更简单的例子)，但这是一种方法来做你需要的:

$('#testbtn').click(function(){
    var $this =  $(this);
    if($this.val()=='Click Me') $this.val('Click Me Again')
    else $this.val('Click Me')
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="Click Me" id="testbtn">

相关文章：