0

これに対する答えを探してみましたが、これに固有の答えが見つからないようです。

私のサイトには、次のようなボタンがあります。

<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機能:)

4

9 に答える 9

3

さまざまな方法で問題を処理する方法について多くの良いアドバイスを得ましたが、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' />
于 2013-08-02T15:05:43.430 に答える
0 
<input class="btn btn-success" onclick="w.start()" type="button" value="Start" id='btn' />

 $(function () {
  $('#btn').click(function () {
    var opn=$(this).val();
    switch(opn){
      case 'start':
      $(this).val("stop").removeClass('.btn-success').addClass('.btn-danger').click(w.stop); 
      break;

      case 'stop':
      $(this).val("start").removeClass('.btn-danger').addClass('.btn-success').click(w.start); 
      break;

  }
});
});
于 2013-08-02T14:52:34.357 に答える
0 
$(function(){$('#start').click(function() {
   if($(this).val() == "Start"){
       $(this).val("Stop");
       play_int();
   } else {
       $(this).val("Start");
       play_pause();
   }
});
于 2013-08-02T14:44:56.363 に答える