Question

我有一个按钮，我想在点击时来回切换标签。我找到了这个帖子

How do you create a toggle button?

和这个例子

http://jsfiddle.net/LmULE/

这很棒，但我想弄清楚如何实际更改标签（例如，点击它时从“向上”到“向下”）。

感谢任何帮助。

Answer 1

我改变了小提琴

Updated Fiddle

Answer 2

您可以使用.hasClass();

查看课程

if ($(this).hasClass("down"))
{
    $(this).html("Down!");
}
else
{
    $(this).html("Up!");
}

在你的代码中： http://jsfiddle.net/Before/XNQce/2/

Answer 3

这很简单。

$(document).ready(function(){
var i=0;
$('a#button').click(function(){
    $(this).toggleClass("down");
    if(i%2==0)$(this).html('divide by 2');
    else $(this).html('not divide by 2');
    i++;            
});
});

使用变量，您可以检查您的按钮处于什么状态。上面的代码只是该类型的状态管理的粗略。

检查此http://jsfiddle.net/LmULE/100/

按钮/ DIV切换

3 个答案: