Friday, January 22, 2016

prop()

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){

if($('#chkRemember').prop('checked')){
$("#hide").hide();

}
    $("#hide").click(function(){
        $("p").hide();
    });
    $("#show").click(function(){
        $("p").show();
    });
});
</script>
</head>
<body>

<input type="checkbox" checked id="chkRemember"/><label for="chkRemember" class="chkRemember"> Remember me </label>

<button id="hide">Hide</button>
<button id="show">Show</button>

</body>
</html>

No comments:

Post a Comment