Блог

В приведенном ниже коде при нажатии кнопки воспроизведения ее значение должно быть изменено на pause, а при нажатии кнопки pause должна вызываться другая функция.Как это сделать с помощью jquery toggle

   <input type="button" onclick ="play" value="play"/>
   <script>
     function play()
     {
               play_int();
           //   Button value to be changed to pause
     }   

  And when pause play_pause();
  

Присвоите вашей кнопке идентификатор:

 <input type="button" id="play" value="play"/>
  

Затем вы можете сделать что-то вроде этого:

 $('#play').click(function() {
   if ($(this).val() == "play") {
      $(this).val("pause");
      play_int();
   }
   else {
      $(this).val("play");
     play_pause();
   }
});
  

Или немного более аккуратная версия, подобная этой:

 $(function(){
    $('#play').click(function() {
       // if the play button value is 'play', call the play function
       // otherwise call the pause function
       $(this).val() == "play" ? play_int() : play_pause();
    });
});

function play_int() {
    $('#play').val("pause");
    // do play
}

function play_pause() {
    $('#play').val("play");
    // do pause
}
  

Рабочая демонстрация

попробуйте ( в jQuery < 1.9)

 $("input[type='button']").toggle(
    function(){
        $(this).val("Pause");
    }, 
    function(){
        $(this).val("Play");
    }
);
  

ДЕМОНСТРАЦИЯ

Примечание: toggle Событие устарело в версии 1.8 и было удалено в версии 1.9

 $('#play_button_id').toggle(play,play_pause);
  

это приведет к запуску функции воспроизведения () при первом нажатии на кнопку

и функция play_pause() при повторном нажатии на кнопку

Я бы сказал

 statuses = ['Play', 'Pause'];
$('#btn_play').val(
    $('#btn_play').val() == statuses[0]
    ? statuses[1] : statuses[0]
);
  

Самая простая идея может заключаться в следующем

 function play(action) {
 { 
   if(action=='play') { 
      play_int(); 
      $("#btn_play").val('pause');
   }
   else { 
      pause_int(); 
      $("#btn_play").val('play');
   }
}

$("#btn_play").click(function() {
   val = $(this).val();
   play(val);
}