Dev Faq
0
votes

Impossible de désactiver un bouton lorsque les utilisateurs cliquent dessus

J'ai ajouté la jQuery suivant pour désactiver tous les boutons qui ont une classe nommée .Disablebutton code>, comme suit: -

p> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="submit" value="Submit" class="disableButton btn btn-primary" />
<input type="text" class="disableButton" name="NPI" placeholder="" style="height: 50px;" />

6 commentaires

Qu'est ce qui ne va pas avec ça?

@ 0stone0 Les boutons ne seront pas désactivés quand je clique sur eux ...

Ow je vois maintenant, vous devez ajouter un deuxième bouton à l'exemple pour montrer le problème

Quel navigateur utilisez-vous? Travailler bien à Mozilla

@Dupindersingh Edge, Chrome et Firefox

Ajouté une réponse a un look

4 Réponses :

0
votes

Vous avez 2 options là-bas, 1: Utilisez le bouton ID au lieu d'une classe pour le sélectionner, dans le sélecteur de classe JQuery renvoie un tableau au lieu de l'élément unique

2: il suffit d'utiliser e.target.disabled = true; // c'est la manière native

3: Ou vous pouvez obtenir le premier élément de $ (this) qui va être identique à E à partir de Fonction (E)

0 commentaires
1
votes

Pourquoi vous devez ajouter une option désactivée en cliquant dessus. Si vous souhaitez désactiver tout le bouton qui dispose du nom de la classe = DisableButton, vous pouvez désactiver par défaut. Utilisez le code suivant. 

$(".disableButton").attr('disabled','disabled');

2 commentaires

Mais toujours le bouton Bootstrap n'a pas été handicapé quand je clique dessus

essayer $ ('. DisableButton'). Cliquez sur (Fonction (événement) {Event.PreventDefault ()});

-1
votes

Tout d'abord, assurez-vous que votre script est livré après vos boutons HTML, puis sur votre JavaScript, si vous souhaitez que tous les boutons ou tous les éléments qui ont la classe DisableButton à désactiver, utilisez: 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="submit" value="Submit" class="disableButton btn btn-primary" />
<input type="text" class="disableButton" name="NPI" placeholder="" style="height: 50px;">

3 commentaires

Mais toujours le bouton Bootstrap n'a pas été handicapé quand je clique dessus

Partagez ensuite votre lien, peut-être que STHNG ait le script pour ne pas travailler ...

@TestStest Assurez-vous également que votre JavaScript passe après les boutons HTML

1
votes

Vous allez tout bien, mais juste une petite erreur qui utilise ceci code> Ceci code> n'aura aucune incidence sur cet élément spécifique et non tous les éléments

au lieu de

au lieu de

au lieu de Ceci code> ESSAYEZ CE P> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <input type="submit" value="Submit" class="disableButton btn btn-primary" />
    
    <input type="submit" value="Submit 2" class="disableButton btn btn-primary" />
    
    <input type="submit" value="Submit 3" class="disableButton btn btn-primary" />
    
    <input type="text" class="disableButton" name="NPI" placeholder="" style="height: 50px;" />

2 commentaires

@TestStest J'ai mis à jour la réponse, veuillez consulter la mise à jour. 😋

avoir plusieurs boutons avec la même classe DisableButton Classe et bootstrap dans le code de code et BTW un extrait de code de travail

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO