Bouton activer et désactiver le clic

Question

J'ai donc ce lien pour appuyer

<a href="link" target="_blank"> 
    <div class="well"> 
     <span> blabla </span> 
    </div> 
</a> 

et ce code bouton dans une page

<button type="submit" class="btn-primary btn-lg" disabled="disabled"> Blabla </button> 

Et comme vous pouvez voir le bouton est désactivé pour l'instant. Comment puis-je faire cela lorsque j'appuie sur ce lien pour réactiver le bouton? désolé pour mon mauvais anglais ..

Answer 1

Essayez cette fonction généralisée pour

toggleDisabled

//Generalized function to make element toggleDisabled. 
 
(function($) { 
 
    $.fn.toggleDisabled = function(){ 
 
     return this.each(function(){ 
 
      this.disabled = !this.disabled; 
 
     }); 
 
    }; 
 
})(jQuery); 
 
//Code to use toggleDisabled 
 
$(document).ready(function(){ 
 
    $("a").click(function(){ 
 
     $("button[type='submit']").toggleDisabled(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="link" target="_blank"> 
 
    <div class="well"> 
 
     <span> blabla </span> 
 
    <div> 
 
</a> 
 
<br/>  
 
<button type="submit" class="btn-primary btn-lg" disabled="disabled"> Blabla </button>

Answer 2

Je suggère d'ajouter une propriété id à votre bouton et lien afin qu'ils soient plus faciles d'accès avec Javascript. Disons que vous attribuez id="myButton" au bouton et id="myLink" à la balise d'ancrage:

$('#myLink').on('click', function() { 
    $('#myButton').prop('disabled', false); 
}); 

Answer 3

Hope this code sera utile

document.getElementById('click').onclick = function(event){ 
// on click prevent the default behavior 
event.preventDefault(); 
document.getElementsByClassName('btn-primary')[0].disabled = false; 
} 

JSFIDDLE

Answer 4

ici vous allez:

$(document).ready(function(){ 
 
    $("a").click(function(){ 
 
    $("button[type='submit']").removeAttr('disabled'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="link" target="_blank"><div class="well"> 
 
    <span> blabla </span> 
 
    <div></a> 
 
    
 
<button type="submit" class="btn-primary btn-lg" disabled="disabled"> Blabla </button>