MySQL & PHP References: Ajax Checkbox Load External Page

Wednesday, January 18, 2017

Ajax Checkbox Load External Page

It is pretty simple to load external page in a div element on click checkbox

Do It yourself

<!DOCTYPE html>
<html>
   <head>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

     
   </head>
   <body>
      
<input type="checkbox" id="isAgeSelected"/> Return Trip
<div id="txtAge" style="display:none"></div>


<script type="text/javascript">

$('#isAgeSelected').click(function() {
    $("#txtAge").toggle(this.checked);
 $("#txtAge").load("rtrip.php");
});
 </script>
   </body>
</html>

MySQL & PHP References

Search This Blog

Wednesday, January 18, 2017

Ajax Checkbox Load External Page

No comments:

Post a Comment

content-wide advt