Home/ Questions/Q 8405965
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T22:58:08+00:00

I am trying to make an on/off toggle button using a checkbox input type

  • 0

I am trying to make an on/off toggle button using a checkbox input type and using CSS to change the style to have it look like the ones the iPhone uses for my webapp. Currently my button works great in all browsers however when I load it up on my iPhone it doesn’t work, when you click the button nothing happens. At first I thought it might be a problem with my jQTouch or javascript but I removed all my CSS so I could just test the functionality and it worked fine. So I know the problem is somewhere in my CSS. Any idea why this CSS code doesn’t allow me to click the button. (The graphics and everything work and look fine, just nothing happens when I click the button). Any ideas? Thanks.

Code is in this fiddle:
http://jsfiddle.net/4gjZX/4/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    1. change to onclick
    2. add an empty onclick to the label – known issue on iDevices

    DEMO

    However why have inline event handlers when you use jQuery anyway???

    Also why the data- in the ID, it is normally used for attribute names

    • 0