button enable ONCHECK

by akshatha suchethan

HTML

<div class='block'>
  <input type="checkbox" class="chkbox" id="C1"><a href="#">terms and conditions</a>
  <input type="button" id="B1" value="submit" class="btn" disabled="disabled">
</div>

<div class='block'>
  <input type="checkbox" class="chkbox" id="C2"><a href="#">terms and conditions</a>
  <input type="button" id="B2" value="submit" class="btn" disabled="disabled">
</div>

CSS

body {
  background-color: #eee;
  height: 100%;
  font-family: Segoe UI, Open Sans;
  font-size: 14px;
  color: #393939;
  line-height: 1.5;
  margin: 20px;
}

JavaScript

$('.chkbox').click(function() {
  if ($(this).attr('checked') == false) {
    $(this).parent('.block').find('.btn').attr("disabled", "disabled");
  } else {
    $(this).parent('.block').find('.btn').removeAttr('disabled');
  }
});