iPhoneでのlabel

iPhoneはlabel要素に対応していないようなのでjavascript処理をする。

ちなみにjqueryを使ってます。

参考にしたサイト:http://sgx2.blog99.fc2.com/blog-entry-21.html

 

HTML

<div id="auto_login_container">

  <label for="auto_login"><input id="auto_login" type="checkbox" />次回から自動でログイン</label>

</div>

 

javascript

 var checkbox = $("#auto_login");

   $("#auto_login_container label").click(function(){

      if(checkbox.css("checked") != true){

        checkbox.css("checked", true);

      }else{

        checkbox.css("checked", false);

      }

    });