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

Question

使用 AJAX，我用一堆复选框填充 DIV(每个复选框都有自己的唯一 ID)。 ID 为“projectID1”、“projectID2”、“projectID3”等等...我已为所有复选框指定了“pChk”类。

我的最终目标是在选中任何复选框时显示包含提交按钮的 DIV。包含“提交”按钮的 DIV 唯一显示隐藏的情况是所有复选框均未选中。

但是，我在下面提出的代码显示/隐藏每个复选框实例的提交按钮 DIV。换句话说，如果我选中了三个复选框，并且取消选中其中之一，则“提交按钮 DIV”将被隐藏。

非常欢迎您的专家建议!

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

Answer 1

虽然这已经很旧了，但如果有人再次遇到这个(通过搜索)。从 jQuery 1.7 开始，正确答案是:

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