Comment obtenir la valeur de Bootstrap bouton à bascule en jQuery
J'ai ce balisage et jQuery mais je ne peut pas réussir à capturer la valeur du bouton ou sur on/off ou de toute forme de reconnaissance de la valeur de la bascule:
HTML
<div class="form-group">
<label class="col-md-2 control-label" for="payMethod">Payment Method</label>
<div class="col-md-2">
<label class="checkbox-inline bootstrap-switch-noPad" for="payMethod">
<input type="checkbox" id="payMethod" name="payMethod" data-size="small" value="Credit" data-on-text="Credit" data-on-color="success" data-off-text="Cash" data-off-color="warning" tabindex="13">
</label>
</div>
</div>
jQuery
$('#payMethod').on( 'change', function() {
alert('slid');
}); //does not work
$( "#payMethod" ).click(function() {
alert( $('#payMethod').val() );
}); //does not work
$('#payMethod').change(function() {
alert('Toggle: ' + $(this).prop('checked'));
}); //does not work
$('input[type=checkbox][name=payMethod]').change(function() {
alert('help'); //does not work
});
Voici les boutons de curseur (il n'y a pas de case à cocher):
OriginalL'auteur H. Ferrence | 2015-11-10
Vous devez vous connecter pour publier un commentaire.
vous pouvez essayer ce
Il n'a pas de travail @Makubex
voici mon édités exemple de code jsfiddle.net/jmtolibas/nnhur6de
Droit, mais le Bootstrap plugin affiche un bouton de curseur et il n'y a pas de case à cocher. C'est pourquoi je vais avoir du mal je pense
avez-vous déjà vérifié ce lien? J'espère qu'il aide les stackoverflow.com/questions/15736694/...
OriginalL'auteur Makubex
Vous pouvez utiliser simple comme ceci:
Si dans votre code html que vous utilisez id=abc pour bootstrap bascule.
De sortie est: vrai ou faux. (Vrai lors de la bascule, et la valeur false lorsque la bascule est éteint)
OriginalL'auteur ThienSuBS
Je suppose que le script placé avant la balise HTML? Si oui, alors déplacer le script après la balise Html, ou placez le script à l'intérieur de fonction jQuery comme ci-dessous:
La meilleure pratique consiste à utiliser la plus récente, placez le script à l'intérieur de la fonction jQuery. Parce que les scripts seront rendus après toutes les balises HTML a été rendue.
</body>
balise, après la Lib jQuery charges.J'ai fait le plus de progrès avec vos suggestions ici @OetawanAryaChandra. Je ne l'ai pas exactement encore, mais les réservoirs pour vos conseils.
$( "#payMethod" ).click(function() { alert( $('#payMethod').val() ); });
c'est le tir, mais seulement sur Crédit, Espèces n'est pas de retour<script> // reveal credit card block $(function() { $( "#payMethod" ).click(function() { if( $('#payMethod').val() == 'Credit' ) { $('#payMethod').val( 'Cash' ); $('.creditCardInfo').hide(); } else { $('#payMethod').val( 'Credit' ); $('.creditCardInfo').show(); } }); }); </script>
cela vient proches, mais le basculement se produit tous les autres cliquez sur. En d'autres termes, mon bloc de cache clic #2 montre ensuite cliquez sur no 4, alors le masque sur le clic #6 et de la montre de nouveau sur le clic #8. J'en ai besoin pour faire basculer tous les autres sur lesOriginalL'auteur Oetawan Arya Chandra