Javascript 在页面上多次使用类显示/隐藏带有复选框的div

我很难让我的脚本在这里工作。当复选框被选中且不起作用时，我试图将显示我的范围作为目标

以下是fiddle的代码和链接：

}))

我成功了：

您可以根据需要修改它

更新

---

元素没有

change

事件。您的脚本的功能似乎有所不同。我希望div仅在取消选中复选框而不是一个复选框时隐藏。你知道我是怎么做到的吗？你是说当Label1和Print未选中时div会隐藏？是的，当两者都未选中时

$('.single').live('change', ':checkbox', function() {
var target = $(this).closest('.single').prev().find('.showMe');
if ($(this).find('input:checked').length == 0) {
    target.hide();
} else {
    target.show();
}

$('input[type=checkbox]').click(function() {

    var target = $(this).closest('.NoEd').prevAll(".Subs:first").find(".showMe");

    if (this.checked) {
        target.show();
    } else {
        target.hide();
    }
});

$('input[type=checkbox]').click(function() {

    var target = $(this).closest('.NoEd').prevAll(".Subs:first").find(".showMe");

    if ($(this).closest('.NoEd').find("input[type=checkbox]:checked").length == 0) {
        target.hide();        
    } else {
        target.show();

    }
});