Maintenir le bouton dans l'état actif jusqu'à ce cliqué sur nouveau

Je me sens comme j'ai une question relativement simple que je ne suis pas sûr de la façon de le faire. J'ai un html balise input de type de bouton qui appelle un script javascript onclick function. Cette partie fonctionne bien, mais je veux être en mesure d'ajouter à mon onClick fonction, la capacité de maintenir le bouton dans l'état actif (de sorte qu'il reste en surbrillance jusqu'à ce cliqué sur nouveau).

Des idées? J'ai essayé de maintenir l'accent sur la place, mais je ne pense pas qu'il est possible d'avoir plusieurs bouton de la porte, et qui sonne juste comme un hack.

Pouvez-vous donner un code que vous avez essayé jusqu'à présent?

OriginalL'auteur AIntel | 2014-05-14

  1. 8

    Que vous n'avez pas de code, je vais vous en donner un exemple, et j'espère que vous avez ce que vous voulez:

    Disons que c'est votre bouton en HTML:

    <div class="button ">My button</div>

    Laissons lui le style

    .button { 
float:left;
color: #333;
width: auto;
text-align: center;
padding: 0 10px;
background: #f0f0f0;
line-height: 1.5em;
height: auto;
}

    Et de laisser le style de votre bouton actif

    .button.active {
background: #ea0000;
color: #fff;
}

    Maintenant que vous avez à faire est d'écrire une petite fonction jquery:

    <script>
$('.button').click(function(){
    if($(this).hasClass('active')){
        $(this).removeClass('active')
    } else {
        $(this).addClass('active')
    }
});
</script>

    Et vous êtes ici 😉

    Heres mon exemple sur le violon aussi: http://jsfiddle.net/S7kJ2/

    Prendre soin 😉

    OriginalL'auteur Vassilis Pits

  2. 1

    Vous devez utiliser toggleclass fonction de jQuery

    <input type='button' onClick="jQuery(this).toggleClass('active')">

    Vérifier le code de travail sur jsfiddle

    OriginalL'auteur Santosh Yadav

  3. 0

    Il semble que vous avez besoin de bascule de la fonctionnalité.

    Veuillez essayer avec jQuery toggleClass() fonction: http://api.jquery.com/toggleclass/

    OriginalL'auteur svlada