Question

我有一个切换按钮，在javascript中有一个显示/隐藏功能。单击按钮时如何更改文本？

<button id="ShowHide">Show</button>

Answer 1

使用jQuery：

$('#ShowHide').toggle(
    function() { 
        $(this).text("Show");
        $('whatever').show();
    },
    function() { 
        $(this).text("Hide");
        $('whatever').hide();
    }
);

Answer 2

您可以使用this jquery进行更改。

$("#buttonName").val("New text for button");

JQuery自动包含在ASP.NET MVC项目中。

Answer 3

你必须使用Javascript。要么在Javascript中对新值进行硬编码，要么使用AJAX回调服务器并获取新值。

如果您只想对Javascript中的值进行硬编码... jQuery使其变得简单：

('#yourButton').click(function(){
    (this).text('Hello click!');
});

Answer 4

纯HTML / JS：

<input type="button" id="show_hide" onclick="this.value=(this.value=='Show')?('Hide'):('Show')" value="Show" />

Answer 5

$('#HideShow').click(function()
{
  if ($(this).text() == "Show")
  {
     $(this).text("Hide");
  }
  else
  {
     $(this).text("Show");
  };
});

编辑：更新后使用新的有效ID，应该更快:)脑痉挛：不能记住“按钮”标签上是.val()还是.text()而不是{{1标签，没有时间测试atm，但你明白了（我认为我说得对:)）。

另外，<input type="button">具有.toggle()功能。

.toggle(even,odd);

如何更改Click MVC上的按钮文本？

5 个答案: