Materialize'in Anahtarları nasıl değer biçilir?

Question

Materialize kitaplığını kullanıyorum ve değeri switches component'dan almaya çalışıyorum, ancak açık veya kapalı olduğundan bağımsız olarak her zaman on değerini döndürür.

Programın açık mı, kapalı mı olduğunu belirlemek için bir yol var mı?

Answer 1

Sen Örneğin .checked kullanmak zorunda: JavaScript:

document.getElementById('mySwitch').checked 

JQuery:

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

Sana yardım umuyoruz.

Answer 2

Inline alternatif olsun veya angularjs ile değerini ayarlamak için:

• Faydalı Toggle için (Göster/Gizle) Elements

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>