jquery - 基于复选框值的jQuery Show-Hide DIV

使用AJAX，我在DIV中填充了一堆复选框(每个复选框都有自己的唯一ID)。这些ID是“projectID1”，“projectID2”，“projectID3”，依此类推...我为所有复选框指定了“pChk”类。

我的最终目标是，如果选中任何复选框，则显示包含“提交”按钮的DIV。如果未选中所有复选框，则仅隐藏包含“提交按钮”的DIV的时间。

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

非常欢迎您的专家意见!

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

最佳答案

如果有人再次遇到这个问题(通过搜索)，虽然这很旧。从jQuery 1.7开始的正确答案现在是:

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