Checkbox not working till I refresh

Checkbox not working till I refresh


Hi,

  1. <label><input type="checkbox" id="chkAccept" name="chkAccept">I have reviewed this leave application</label>
and below jquery. I am trying to show / hide buttons when checkbox is checked on unchecked but it's working from the first time I load the page. I have to refresh to get it working.

  1. $(document).on("pagecreate", "#pagePendingReviewLeaveDetails", function(event)
  2. {
  3. $.validator.messages.required = "";

  5. $('#chkAccept').click(function ()
  6. {
  7. $("#btnAccept").toggle(this.checked);
  8. $("#btnDecline").toggle(this.checked);

  10. $('html, body').animate(
  11. {
  12. scrollTop: $(document).height()
  13. },
  14. 1500);
  15. return false;
  16. });
  17. });


Kindly help..


Thanks,