Loop through all switches and get checked state.

[Patrick]

I have multiple switches on a page, each switch has the same class assigned to it.

What i need is that if any switch is checked / changed i need an event to fire and also need to check the state of the remaining switches.

@(Html.Kendo()
    .SwitchFor(a => a.IsAdmin)
    .HtmlAttributes(new { @class = ".permissions" })
    .Messages(c => c.Checked("YES").Unchecked("NO")))

I have tried numerous jquery approaches but none of them even fire when the switch is toggled.

    $('body').on('change', '.permissions', function () {
        // this event handler never gets trigged.....
        // get an instance of each switch and get the toggled / checked state.
        alert();
    });

[Patrick]

Oh man.

I named my class incorrectly in my switch.

the final code looks as follows

@(Html.Kendo()
    .SwitchFor(a => a.IsAdmin)
    .HtmlAttributes(new { @class = "permissions" })
    .Messages(c => c.Checked("YES").Unchecked("NO")))

$('body').on('click', '.permissions', function () {
   alert();
});

[Ivan Danchev]

Hello Patrick,

Alternatively, you can attach a Change event handler in the declaration of the Switch:

@(Html.Kendo()
	.SwitchFor(a => a.IsAdmin)
	.HtmlAttributes(new { @class = ".permissions" })
	.Messages(c => c.Checked("YES").Unchecked("NO"))
	.Events(ev => ev.Change("onSwitchChange"))
)

<script>
	function onSwitchChange(e) {
		//get a reference to the Switch that fired the event:
		var widget = e.sender;

		alert("change");
	}
</script>