<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> <style > #container{ width:500px; margin-left:auto; margin-right:auto; padding:5px; } .display{ border:1px solid #ccc; overflow:scroll; overflow-x:hidden; height:150px; padding:10px; margin-bottom:40px; } </style> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> </div> </nav> <div class="col-md-6 well"> <hr style="border-top:1px dotted #ccc;"/> <div id="container"> <div class="display"> These Terms will be applied fully and affect to your use of this Website. By using this Website, you agreed to accept all terms and conditions written in here. You must not use this Website if you disagree with any of these Website Standard Terms and Conditions. </div> </div> </div> </body> </html>
var checkbox = document.getElementById("toggle"); var accept = document.getElementById("accept"); accept.disabled = true; checkbox.onchange = function(){ accept.disabled = !this.checked; }