web-dev-qa-db-fra.com

Comment obtenir la valeur de Materialise Switches?

J'utilise la bibliothèque Materialise et j'essaie de récupérer la valeur à partir du composant switches , mais elle renvoie toujours on, qu'elle soit activée ou désactivée.

Existe-t-il un moyen de déterminer s'il est activé ou désactivé, par programmation?

javascriptmaterialize
12
Tomas Romero

Vous devez utiliser .checked Par exemple: Javascript:

document.getElementById('mySwitch').checked

JQuery:

$('#mySwitch').prop('checked')

J'espère que je vous aide.

36
Kamil Łukaszewicz

Alternative en ligne pour obtenir ou définir la valeur avec AngularJS: 

  • Utile pour basculer (afficher/masquer) les éléments

Démo Codepen

/*!
 * Show #switch-panel on page load
 * Using Controller: $scope.isSwitchedOn
 * OR
 * <div ng-init="isSwitchedOn = !isSwitchedOn" class="switch">
 */

<div class="switch">
    <label>
        Off
        <input ng-click="isSwitchedOn = !isSwitchedOn" ng-checked="isSwitchedOn" type="checkbox">
        <span class="lever"></span>
        On
    </label>
</div>

<div id="switch-panel" ng-show="isSwitchedOn">
    <p>I'm switched on</p>
</div>

<p>Am I switched on? <b>{{isSwitchedOn == true ? 'True' : 'False'}}</b></p>
0
Elroy