Wie erhalten Sie den Wert von Materializes Switches?

Question

Ich benutze die Materialize Bibliothek und ich versuche, den Wert von switches component abzurufen, aber es gibt immer on zurück, unabhängig davon, ob es ein- oder ausgeschaltet ist.

Gibt es eine Möglichkeit festzustellen, ob es programmatisch ein- oder ausgeschaltet ist?

Answer 1

Sie haben verwenden .Checked Zum Beispiel: Javascript:

document.getElementById('mySwitch').checked 

JQuery:

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

Ich hoffe, dass ich Ihnen helfen.

Answer 2

Inline Alternative zu bekommen oder den Wert mit AngularJS gesetzt:

• Nützlich, um Toggle (Show/Hide) Elemente

Codepen Demo

/*! 
* 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>