December 9, 2011 12:27 pm PST
Original Link: http://spyrestudios.com/how-to-style-ios-sliding-checkboxes-with-jquery/
How to Style iOS Sliding Checkboxes with jQuery
With so much hype surrounding the new iPhone 4S release we've seen a lot more iOS app development hitting the mainstream. As such their techniques in design and user interfaces are sure to trickle out among the mass of web designers. In this case I'd like to spend some time examining the iOS slider switches common since early iOS 4.
This tutorial is a straightforward walkthrough about how to implement and work with these inputs. Through jQuery we can dynamically create a hidden input field which holds the checked/unchecked position of the slider bar. In my demo we've created a mockup settings page which mirrors the current switch value openly in the form.
Original Link: http://spyrestudios.com/how-to-style-ios-sliding-checkboxes-with-jquery/
Share this article:
Tweet
View Full Article
Spyre Studios
SpyreStudios is an online magazine about web-design & development and the myriads of other topics that fall in between.More About this Source Visit Spyre Studios