div隐藏时未选中的复选框

Question

当我检查按钮出现时，我确实在复选框上显示/隐藏，而当我取消选中按钮消失时，我正在尝试隐藏按钮，然后取消选中复选框

$(".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

Answer 1

更改关闭按钮功能

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