comment changer le bouton en format texte lorsque vous cliquez sur le bouton

Question

Est-ce que leur possible quand sur cliquez sur le bouton qu'il change en texte seulement et pas comme un bouton.

Ex:

J'ai bouton Inviter pour tous les utilisateurs individuels. Ce dont j'ai besoin, c'est que lorsque vous cliquez sur le bouton Inviter, le texte du bouton ne doit pas changer, mais le bouton est remplacé par du texte.

Le format du bouton "Inviter" est remplacé par le format de texte "demande en attente" avec le bouton "Annuler" lorsque vous cliquez sur le bouton.

Answer 1

Essayez ce code:

$('button').click(function() { 
    $(this).replaceWith("pending request<button>cancel</button>") 
}) 

Answer 2

$("#btnAddProfile").click(function(){ 
    $("#btnAddProfile").attr('value', 'pending request...'); 
//add cancel button 
}); 

Answer 3

Si vous avez un bouton comme celui-ci:

<button>Click me</button> 

Vous pouvez le désactiver sur un clic avec jQuery comme ceci:

$(function() { 
    $('button').on('click', function(e) { 
    e.preventDefault();  
    $(this).prop('disabled', 'disabled'); 
    }); 
}); 

Voir violon ici: http://jsfiddle.net/jpmFS/

Ou le remplacer par seul texte comme celui-ci:

$(function() { 
$('button').on('click', function(e) { 
    e.preventDefault();  
    $(this).replaceWith('<p>'+$(this).text()+'</p>'); 
}); 
}); 

Answer 4

Hope it helps, ce FIDDLE

si vous voulez en savoir plus. en savoir plus sur jquery.

html

<input id="invite" type="button" value="Invite" /> 
<span id="pending">Pending</span> 
<input id="cancel" type="button" value="Cancel" /> 

scénario

$('#pending').hide(); 
$('#cancel').hide(); 

$('#invite').on('click', function() { 
    $(this).hide('fast'); 
    $('#pending').show('fast'); 
    $('#cancel').show('fast'); 
}); 

$('#cancel').on('click', function() { 
    $(this).hide('fast'); 
    $('#pending').hide('fast'); 
    $('#invite').show('fast'); 
});