web-dev-qa-db-ja.com

マテリアライズスイッチから価値を得るには？

Materialize ライブラリを使用していて、- switches component から値を取得しようとしていますが、回転しても、常にonを返しますオンまたはオフ。

プログラムでスイッチがオンかオフかを判断する方法はありますか？

javascriptmaterialize
13
Tomas Romero

.checkedを使用する必要があります。例：JavaScript：

document.getElementById('mySwitch').checked

JQuery：

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

お役に立てば幸いです。

39
Kamil Łukaszewicz

AngularJSで値を取得または設定するためのインライン代替：

  • 要素の切り替え（表示/非表示）に便利

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>
0
Elroy