Question

我正在使用Materialize库并尝试从switches component中检索该值，但无论是否开启，它始终会返回on或者关闭。

有没有办法以编程方式确定它是打开还是关闭？

Answer 1

你必须使用.checked 例如：使用Javascript：

document.getElementById('mySwitch').checked

JQuery的：

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

我希望我帮助你。

Answer 2

使用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>

如何从Materialize Switches获得价值？

2 个答案: