jQuery显示 – 根据复选框值隐藏DIV

使用AJAX我用一堆复选框填充一个DIV(每个都有自己唯一的ID)。 ID是“projectID1”，“projectID2”，“projectID3”等等…我给了所有复选框一个“pChk”类。

我的最终目标是显示包含提交按钮的DIV(如果选中任何复选框)。如果所有复选框未被选中，则唯一一个包含“提交”按钮的DIV将被隐藏。

然而，我下面提到的代码显示/隐藏每个复选框实例的提交按钮DIV。换句话说，如果我有三个复选框checKED和我UNchecK其中之一，提交按钮DIV被隐藏。

你的专家意见不止欢迎！

function checkUncheck() { 
    $('.pChk').click(function() {
        if (this.checked) {
            $("#ProjectListButton").show();
        } else {
            $("#ProjectListButton").hide();
        }
    }); 
}

$('.pChk').click(function() {
    if( $(this).is(':checked')) {
        $("#ProjectListButton").show();
    } else {
        $("#ProjectListButton").hide();
    }
});