Как получить форму Value Materialize Switches?

Я использую библиотеку Materialize, и я пытаюсь получить значение из компонента switch, но всегда возвращает on независимо от того, включено ли оно или выключено.

Есть ли способ определить, включен ли он или нет, программно?

Ответ 1

Вы должны использовать .checked Например: Javascript:

document.getElementById('mySwitch').checked

JQuery

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

Я надеюсь, что я вам помогу.

Ответ 2

Встраиваемая альтернатива для получения или установки значения с помощью AngularJS:

Полезно для переключения (Показать/Скрыть) Элементы

Демо-версия 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>