Checkboxen im Stil von iOS-Toggles

Idee

Da mir die Toggles (Schalter) von iOS seit dem Redesign für iOS5 sehr gut gefallen und ich normale Checkboxen für zu klein und langweilig halte, versuchte ich, die iOS-Toggles mit einem Bild, CSS, JavaScript und HTML nachzubauen.

Demo

Standard-Toggle:

Toggle mit benutzerdefiniertem Text:

Link zur Demoseite

Das Plugin

Mein Ziel war, die Toggles so einfach wie möglich in bestehende Formen einfügen zu können. Ich entschied mich dafür, ein jQuery-Plugin zu entwickeln.

Ist das Plugin eingebunden, können Checkboxen kinderleicht in die iOS-ähnlichen Schalter umgewandelt werden:

Dem Plugin können benutzerdefinierte Beschriftungen übergeben werden:

 

Zum Plugin Download