Dev Faq
9
votes

Cochez la case à bascule sur Twitter Bootstrap

J'ai fait un groupe de cases à cocher avec Twitter Bootstrap. Maintenant, je voudrais faire un bouton "Sélectionner tous" ou "désélectionner tous". Comment puis-je faire cela à l'aide d'une fonction JS?

La documentation de Bootstrap Twitter indique d'utiliser $ (). Bouton ('' '' '' ') mais cela ne fonctionne pas.

Voici mon extrait de code: xxx

0 commentaires

3 Réponses :

14
votes

Techniquement, le plug-in Twitter Bootstrap Buttons est destiné à fonctionner avec les éléments et les faire se comporter comme s'il s'agissait d'entrées de radio ou de case à cocher.

aussi , $ (). BOUTON ('' TOGGLE ') est simplement le code PSEDEDO et est destiné à être utilisé avec un sélecteur, par exemple, $ ('. bouton ('Toggle') . Cependant, votre exemple est un peu moins élevé, car vous avez affecté des classes destinées aux boutons sur

Quoi qu'il en soit, malgré tout ce que vous voulez faire, si tout ce que vous voulez faire est Définissez toutes vos zones d'entrée sur true, vous pouvez utiliser quelque chose comme: xxx

JSFIDDLE

Si vous vouliez le faire avec éléments, ce serait quelque chose comme ceci:

jsfiddle

Cependant, qui goutte un tas de données d'entrée que vous êtes travailler avec.

0 commentaires
8
votes

Merci Merv! Merci à vous, je suis arrivé à cette solution: 

<button id="toggle-colors" class="btn btn-info">Toggle</button>
<script>
    $('#toggle-colors').click(function() {
        $('.btn-group input[name^="colors"]').each(function(){
            // toggle checkbox
            $(this).prop('checked',!$(this).prop('checked'));
            // toggle class
            $(this).parents('label').toggleClass('active');
        });
    });
</script>

0 commentaires
4
votes

J'ai trouvé un moyen de faire cela sans JS

http://codepen.io/ibanez182 / stylo / wxkabq / xxx

0 commentaires

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