TOGGLE BUTTON - MOBILE

by bizamajig

HTML

<div>
            <input type="checkbox" id="check" /><label for="check">Toggle</label>
        </div>
        <div>
            <a href="#" id="checkVal">Checked attr is...</a>
        </div>

CSS

body{
            text-align: center;
            font-size: 200%;
            background: #288db1;
        }
        a{
            color: #fff;
        }
        .what{
            font-size: 70%;
            padding: 1em;
            color: #ddd;
        }

JavaScript

$(function(){
            $( "#check" )
                .change(function(){
                    alert("Button changed! Checked attr: "+$("#check").attr('checked'));
                });
//              This causes error in JQUI
//              .button();
                
            $("#checkVal")
                .click(function(){
                    alert("Checked attr: "+$("#check").attr('checked'));
                });
        });