-1
votes

Changer la valeur du bouton d'effondrement de Bootstrap en cas de clic

J'ai cherché le forum, j'ai cherché Google et lisa tous les articles mais je ne peux toujours pas sembler avoir ce droit. Ce que je voudrais faire, c'est de changer la valeur de mon bouton en cliquant. C'est-à-dire que si le contenu est affiché, je voudrais modifier la valeur du bouton pour disons "masquer". Et si le contenu est masqué, le bouton doit alors afficher sa valeur par défaut de "chèque" "

My Code: xxx

Voici un lien vers mon violon: < un href = "https://jsfiddle.net/xd6vwlop/" rel = "nOfollow NOREFERRER"> https://jsfiddle.net/xd6vwlop/

mais maintenant il semble que ce ne semble pas t Travaillez ici ... bien que dans mon fichier, il affiche le fichier innerhtml et la masque aussi un deuxième clic. Je voudrais modifier la valeur du bouton si l'innerhtml est affiché.

est également une possibilité d'accélérer l'animation lorsque l'innerhtml est censé disparaître? Il faut trop de temps et certains utilisateurs voudront peut-être cliquer sur le bouton car il faut du temps pour masquer le contenu.

Merci beaucoup.


0 commentaires

4 Réponses :


0
votes

Vérifiez la mise à jour jsfiddle ici ici https://jsfiddle.net/xrtmpy4f/

essentiellement, Vous devez utiliser la propriété innertext pour modifier le texte du bouton xxx


3 commentaires

Merci beaucoup! Cela fonctionne bien! Et la réponse apparaît et se cache instantanément sans ce délai étrange. Puis-je vous demander quelque chose d'autre aussi? Savez-vous peut-être implémenter l'événement KeyPress à l'entrée? Je voudrais appuyer sur Entrée et avoir la réponse correcte / incorrecte apparaît comme si je clique sur le bouton sans supprimer le bouton. Merci encore.


J'ai utilisé le code de Vaishali pour obtenir ce que vous vouliez. Vérifiez le violon


Merci pour votre réponse. Je ne pouvais pas rendre votre code pour travailler dans mon dossier, je suis donc proposé cette solution. J'ai ajouté Onkyepress = "MyFunction ()" à mon entrée puis a travaillé avec le code de @ Vaishali Création d'une fonction comme ceci: MyFunction de fonction () {var elem = document.getyeyID ("entrée"); elem.onkeypress = fonction (E) {if (e.keCode === 13) {CheckInput (); }}};



0
votes
function checkInput() {
  var text = document.getElementById("check-btn");
  text.innerText === 'CHECK' ? (text.innerText = 'HIDE') : (text.innerText = 'CHECK');
var a=document.getElementById("input");
if ((a.value=="three")||(a.value=="three"))
{
document.getElementById("message").innerHTML="Correct!";
}
else
{
document.getElementById("message").innerHTML="Wrong";
}
}

1 commentaires

Savez-vous peut-être implémenter l'événement KeyPress à l'entrée? Je voudrais appuyer sur Entrée et avoir la réponse correcte / incorrecte apparaît comme si je clique sur le bouton sans supprimer le bouton.



0
votes
var elem = document.getElementById("input");
elem.onkeydown =  function (e) {
    if (e.keyCode === 13) {  //checks whether the pressed key is "Enter"
       checkInput();
    }
};

0 commentaires

0
votes

Vous pouvez l'ajouter dans la fermeture de sorte qu'il ne remplace pas d'autres variables.

(function() {
    var elem = document.getElementById("input");
    elem.onkeydown =  function (e) {
        if (e.keyCode === 13) {  //checks whether the pressed key is "Enter"
           checkInput();
        }
    }
})();


0 commentaires