Question

我有一个HTML按钮，它显示另一个div而不是另一个div。

我只需要切换按钮的文字：

<input id="blueButton" type="button" value="+ Add a new Team" onclick="
 $('#blueButton').prop('value', 'Hide'); 
 $('#teams').toggle('slow');
 $('#add_block').toggle('slow');">

我需要再次将隐藏文字从隐藏更改为orgianl标题+ Add a new Team

所以按钮标题为+ Add a new Team 如果点击按钮标题更改为hide，如果再次点击该按钮，它将再次更改为+ Add a new Team。

提前谢谢。

Answer 1

$('#blueButton').val(function(_, value) {
    return value === 'hide' ? '+ Add a new Team' : 'hide' 
});

Answer 2

$("#blueButton").toggle(
    function(){
        $(this).val("hide");
    }, 
    function(){
        $(this).val("+ Add a new Team");
    }
);

工作DEMO

Answer 3

试试这个：

$('#blueButton').click(function() {
    if ($(this).val() == "+ Add a new Team") { 
        $(this).val("Hide")
    } else { 
        $(this).val("+ Add a new Team")
    }
});

编辑：undefined跟我说的一样，但更好的是，用他的：P

Answer 4

$('#teams').toggle('slow', function() {
    // Animation complete.
    //Change button Text here
    $('#blueButton').prop('value', 'show');
  });

这可能不是您需要的确切代码，但它可以为您提供一个提示，您可以使用回调函数，该功能可用于在切换完成后执行操作，

Answer 5

这是jsfiddle

JQ

$("#blueButton").live("click", function() {
    $(this).val() == "+ Add a new Team" ? $(this).val("hide") : $(this).val("+ Add a new Team");
});

切换按钮的标题

5 个答案: