jquery切换按钮值

前端之家收集整理的这篇文章主要介绍了jquery切换按钮值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在下面的代码中,单击播放按钮时其值应更改为暂停,单击暂停时应调用其他函数.如何使用 jquery切换执行此操作
  1. <input type="button" onclick ="play" value="play"/>
  2. <script>
  3. function play()
  4. {
  5. play_int();
  6. // Button value to be changed to pause
  7. }
  8.  
  9. And when pause play_pause();

解决方法

给你的按钮一个ID:
  1. <input type="button" id="play" value="play"/>

然后你可以做这样的事情:

  1. $('#play').click(function() {
  2. if ($(this).val() == "play") {
  3. $(this).val("pause");
  4. play_int();
  5. }
  6. else {
  7. $(this).val("play");
  8. play_pause();
  9. }
  10. });

或者像这样的稍微整洁的版本:

  1. $(function(){
  2. $('#play').click(function() {
  3. // if the play button value is 'play',call the play function
  4. // otherwise call the pause function
  5. $(this).val() == "play" ? play_int() : play_pause();
  6. });
  7. });
  8.  
  9. function play_int() {
  10. $('#play').val("pause");
  11. // do play
  12. }
  13.  
  14. function play_pause() {
  15. $('#play').val("play");
  16. // do pause
  17. }

Working demo

猜你在找的jQuery相关文章