Jak vytvořit vypínač s Javascriptem/CSS?

Chci mít posuvný vypínač. Vlevo by bylo Vypnuto a vpravo Zapnuto. Když uživatel přepne přepínač, chci, aby se část „jezdce“ posunula na druhou stranu a naznačila, že je vypnutá. Pak bych mohl mít zpětné volání, které vezme jako vstup stav přepínače, abych mohl podle toho jednat.

Máte nápad, jak to udělat?

Odpověď

Máte na mysli něco jako zaškrtávací políčka pro iPhone? Vyzkoušejte skript zaškrtávacích políček pro iOS od Thomase Reynoldse:

Jakmile jsou soubory dostupné pro váš web, je aktivace skriptu velmi snadná:

$(document).ready(function() {
  $(':checkbox').iphoneStyle();
});

Výsledky: