iPhone-style Checkboxes

Added injQuery Plugins

TaggedForm Styling

Advanced TagsN.A

Author Thomas Reynolds

Plugin Info. Introducing iPhone-style Checkboxes

DemoTry out a Demo [New Window

]

DownloadDownoad this [New Window

]

More Information

Ever wanted those flash iPhone on/off toggle switches on your webpage? Love jQuery? Well then I’ve got something special for you. iphone-style-checkboxes implements the iPhone toggles as replacements for standard HTML checkboxes

Elijah Miller is sharing the prototype version of this library with some additional features:

The initial version supported changing the ON/OFF label text; but if you made the text longer than a few characters, it would be hidden under the handle. UPDATE: The handle and label sizes are automatic based on the actual label text.
Support for dragging the control
Sliding labels (animated control change)

Usage

1
2
3
4
5
6
7
8
9
10

<head>
<script src="jquery-1.4.js" type="text/javascript"></script>
<script src="jquery/iphone-style-checkboxes.js" type="text/javascript"></script>
<link rel="stylesheet" href="path_to/style.css" type="text/css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$(':checkbox').iphoneStyle();
});
</script>
</head>

Try out a Demo

Download iPhone-style Checkboxes

Tags: Form Styling
Advanced Tags: N.A

divCloud

Subscribe