CODEWITHSUNDEEP
angularjsmaterial-design-lite
Florian Reisinger
Florian Reisinger

Reputation: 3098

MDL: Set Switch state to "on" via JS

I can access my switch via let iSwitch = document.getElementById('interestedSwitch');

I looked at github and found the method MaterialSwitch.on(), but iSwitch.MaterialSwitch.on(); is undefined. iSwitch.checked = true; does not help either. I am using AngularJS, if this could be a source of the problem.

Upvotes: 1

Views: 482

Answers (1)

hr_117
hr_117

Reputation: 9627

Assuming interestedSwitch is the input element with class mdl-switch__input you need to access the parent element. This should be the label with mdl-js-switch (with MaterialSwitch component). Then you can try something like:

if(parent) {
        if(parent.MaterialSwitch && parent.MaterialSwitch.checkToggleState) {
            /* update MDL state if it was changes form javascript */
            parent.MaterialSwitch.checkToggleState();
        }
    }

Upvotes: 2

Related Questions