Comment changer le texte du bouton Cliquez sur MVC?

Question

J'ai un bouton bascule, avec une fonction show/hide en javascript. Comment changer le texte quand on clique sur le bouton?

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

Answer 1

En utilisant jQuery:

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

Answer 2

Vous devez utiliser Javascript. Soit le code de la nouvelle valeur dans le Javascript ou utiliser AJAX pour rappeler le serveur et obtenir la nouvelle valeur.

Si vous allez juste coder en dur la valeur dans votre Javascript ... jQuery fait un clin d'oeil:

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

Answer 3

Vous pouvez utiliser this jquery faire le changement.

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

JQuery est automatiquement inclus dans votre projet ASP.NET MVC.

Answer 4

En pur 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"); 
    }; 
}); 

EDIT: Mise à jour pour utiliser la nouvelle carte d'identité valide qui devrait être plus rapide :) crampe du cerveau: ne me souviens pas si elle est .val() ou .text() sur le bouton » "tag par opposition à l'étiquette <input type="button">, pas le temps de tester atm mais vous avez l'idée (et je pense que je l'ai bien :)). En variante, la fonctionnalité .toggle() a une fonctionnalité .toggle(even,odd);.

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