javascript - 每次点击更改按钮类和值

Question

我刚刚制作了一个带有控件的计时器，但在控件按钮上我需要一些帮助。

最初有一个带有 START 值的按钮。必须在第一次单击时将类和值更改为“STOP”，在第二次单击时将类和值更改为“RESUME”。

默认。 <input class="start" type="button" value="START" />

第一次点击。 <input class="stop" type="button" value="STOP" />

第二次点击。 <input class="resume" type="button" value="RESUME" />

第三次点击。 <input class="stop" type="button" value="STOP" />

第四次点击。 <input class="resume" type="button" value="RESUME" />

你能帮我做这件事吗？请原谅我糟糕的英语。

仅供引用:我正在使用 JQUERY MOBILE。

Answer 1

我没有在 JQuery Mobile 中工作过，但应该是这样

JQuery

$(document).ready(function(){
    $('input').click(function(){
        if($(this).hasClass("start")){
            $(this).removeClass("start");
            $(this).addClass("stop");
            $(this).val("STOP");
        }else  if($(this).hasClass("resume")){
            $(this).removeClass("resume");
            $(this).addClass("stop");
            $(this).val("STOP");
        }else  if($(this).hasClass("stop")){
            $(this).removeClass("stop");
            $(this).addClass("resume");
            $(this).val("RESUME");
        }
    });
})

供引用http://jsfiddle.net/zGMWR/1/

希望对你有帮助

附言请在 jquery 中为您的按钮放置特定的选择器。