Disabled Submit Button In JavaScript

Disabled Submit Button In JavaScript 

Disabled Submit Button In JavaScript 

In This lesson we are going to learn how to disabled submit button until accept or check in '' I agree Terms and Conditions"
Just Use The below codes to JavaScript disabled button..

index.html

<style>
  input[type=text]{
     border-radius:4px;
  padding:4px;
  }
  input[type=checkbox]{
     width:20px;
  height:20px;
  }
  span{
  font-size:20px;
  }
  input[type=button]{
  cursor:pointer;
  padding:5px;
  border-radius:4px;
 }
</style>
<script type="text/javascript">
function apply()
{
document.frm.sub.disabled=true;
if(document.frm.chk.checked==true)
{
document.frm.sub.disabled=false;
}
if(document.frm.chk.checked==false)
{
document.frm.sub.enabled=false;
}
}
</script>
<div align="center">
<h2>Javascript Disabled Submit Button</h2>
<form name="frm">
<table>
   <tr>
     <td>Your Name:</td>
  <td><input type="text" name="name"/></td>
   </tr>
   <tr>
     <td></td>
  <td><input type="checkbox" name="chk" onClick="apply()"><span>I agree Terms and Conditions</span></td>
   </tr>
   <tr>
      <td></td>
   <td><input type="button" name="sub" value="submit" disabled></td></td>
   </tr>
</table>
</form>
</div>

Please Keep visiting this site for more Codes.Thank You for visiting.