Unchecked checkbox when div hide

Question

I did show/hide on the checkbox when I check BUTTON appear and when I uncheck BUTTON disappear, I am trying when I hide BUTTON then checkbox should uncheck

$(".btn-close").hide();

$(".btn-close").click(function() {
  $(this).hide();
});

$(function() {
  $("#fileTypeS1").click(function() {
    if ($(this).is(":checked")) {
      $(".btn-close.image").show();
    } else {
      $(".btn-close.image").hide();
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" name="freeAsset" value="valuable" id="fileTypeS1"><br>
<button type="button" class="btn-close image" aria-label="Close">
  Images <span aria-hidden="true">×</span>
</button>

Fiddle Demo

You appear to be attempting to run some jQuery code outside of a document.ready handler. That needs to be moved inside. Alternatively, if all of this code is contained within a document.ready handler which you didn't include here, then you should remove the one around the `#fileTypeS1` click handler. — Rory McCrossan, Oct 25 '18 at 08:23

score 1 · Answer 1 · edited Sep 04 '20 at 10:03

1

Change close button function to

$(".btn-close").click(function(){
  $(this).hide();
   $("#fileTypeS1").prop('checked', false);
});

edited Sep 04 '20 at 10:03

Alexandre Elshobokshy

10,720
6
27
57

answered Oct 25 '18 at 08:24

Sooriya Dasanayake

1,106
1
7
14

Thanks, this is working. – Adam Pavlov Oct 25 '18 at 08:31

Unchecked checkbox when div hide

1 Answers1