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

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

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

来源

2010-02-18 MrM

任何特定的库？ jQuery，原型，其他东西，或者只是简单的'JS？ – 2010-02-18 14:55:35

jQuery。更新警报！ – MrM 2010-02-18 15:00:38

这是一个无效的“ID”。 – SLaks 2010-02-18 15:05:56

使用jQuery：

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

来源

2010-02-18 14:45:02 SLaks

制作并更新...我应该提供更多信息。不知道什么是“什么”是 – MrM 2010-02-18 15:01:09

''whatever''是您要隐藏的元素的jQuery选择器。 http://api.jquery.com/category/selectors/ – SLaks 2010-02-18 15:06:36

您必须使用Javascript。无论是在JavaScript中对新值进行硬编码还是使用AJAX回拨到服务器并获取新值。

如果你只是要硬编码在JavaScript的价值... jQuery让您能够轻松：

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

来源

2010-02-18 14:43:56

您可以使用this jquery做改变。

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

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

来源

2010-02-18 14:45:30

在纯HTML/JS：

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

来源

2010-02-18 15:06:20 Dolph

哎呀，刚刚看到更新要求jQuery。也许这对其他人有用。 – Dolph 2010-02-18 15:07:43

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

编辑：更新后可使用新的有效ID应该是快:)脑抽筋：不记得，如果它是在“按钮.val()或.text() “标签，而不是<input type="button">标签，没时间测试atm，但你明白了（我认为我拥有它:)）。

或者，.toggle()具有.toggle(even,odd);功能。

$('#HideShow').toggle(function() 
    { 
    $(this).text("Hide"); 
    }, 
    function() 
    { 
    $(this).text("Show"); 
    } 
);

来源

2010-02-18 15:31:32

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

回答

相关问题