jquery slide toggle as a form checkbox

Question

How would I go about using something like this Jquery Slide toggle as a checkbox in a form?

JS Fiddle here

Thanks so much in advance. :)

Answer 1

You could map it to a hidden form element that contains a boolean value, and update that value when the slider is toggled.

Updated fiddle

Answer 2

Here you go, this example show the checkbox: http://jsfiddle.net/skimberk1/TUPG7/

And in this example, it's hidden: http://jsfiddle.net/skimberk1/KNHu7/

The way it works is that it detects if theres a checkbox directly after the toggle, and if there is, it hides it and checks/unchecks it when you slide the toggle.