Javascript 如果至少选中了一个或多个，则Jquery/JS显示动态复选框输入组标题，反之亦然

如果至少选中了一个复选框，我想显示输入组标题；如果没有选中复选框，我想隐藏标题。每个组都有自己的标题和数据值。可能有5个以上的输入组

Here is the codepen: [Example code here][1]


[1]: https://codepen.io/anon/pen/JyrQgW

$（文档）.ready（函数（）{
});
.output{
边缘顶部：45像素；
}

第一组
项目1
项目2
项目3
项目4
第2组
项目1
项目2
项目3
项目4
这里显示标题
试试这个：

$(document).ready(function(){
  $('.group-block h1').hide();
  $('.output').click(function(){
    $('.group-block h1').hide();
    $('input[type=checkbox]:checked').closest('.group-block').find('h1').show();
  });
});

建议：您可能希望最初使用CSS隐藏标题。
我知道您要找的是什么吗

$(document).ready(function() {
  check()
});
$("input[type=checkbox]").change(function() {
  check()
})

function check() {
  $(".group-block").each(function() {
    $(this).find(".group-title").css("display", $(this).find("input[type=checkbox]:checked").length ? "block" : "none")
  })
}

它将检查
.ready（）
和
.change（）
语句上是否选中了任何复选框，并根据结果显示或隐藏标题


$（文档）.ready（函数（）{
检查（）
});
$（“输入[type=checkbox]”）。更改（函数（）{
检查（）
})
函数检查（）{
$（“.group块”）.each（函数（）{
$（this）.find（“.group title”）.css（“display”，$（this）.find（“input[type=checkbox]：checked”）.length？”块：“无”）
})
}
.output{
边缘顶部：45像素；
}

第一组
项目1
项目2
项目3
项目4
第2组
项目1
项目2
项目3
项目4
这里显示标题
您在JQuery中尝试了什么？非常好用。谢谢，还有一个问题：我们是否可以使标题始终可见，但如果选中，则克隆标题并附加到此处显示标题，如果未选中复选框，则删除该标题？谢谢我不确定我是否理解你的问题，你想在哪里
这里显示标题
我的意思是，如果选中了组中的任何复选框，请复制该组的标题并添加到文档中的某个位置。如果你查看html，你会在底部看到一个带有输出类名的div，它现在正在隐藏并显示标题exactly@Gabriel747检查代码段2