An example of displaying a div if checkbox is checked

The Code

Output

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

  $('#demochecked').click(function() {
    $("#chkdemo").toggle(this.checked);
});

});

</script>
<style>
.divcls
{
width:250px;
height: auto;
padding:20px;
background-color:#009700;
color:#fff;
font-size:15px;
}

</style>
</head>

<body>
<div class="divcls"><p>jQuery checked demo</p>
<input type="checkbox" checked id="demochecked"/>Tick / Uncheck the checkbox

<p id="chkdemo" style="color: yellow;font-size:20px;">The checkbox is checked!!</p>

</div>


</body>
</html>

jQuery checked demo

Tick / Uncheck the checkbox

The checkbox is checked!!