div隐藏时未选中的复选框

时间:2018-10-25 08:18:21

标签: jquery

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

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

1 个答案:

答案 0 :(得分:0)

更改关闭按钮功能

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