jQuery Show-Hide DIV基于Checkbox Value

Question

使用AJAX我用一堆复选框填充DIV(每个复选框都有自己唯一的ID).该ID是"projectID1","projectID2","projectID3"等等......我已经给所有的复选框一类"pChk"的.

我的最终目标是在选中任何复选框时显示包含提交按钮的DIV.包含提交按钮的DIV显示的唯一时间是未选中所有复选框.

但是,我在下面提出的代码显示/隐藏了每个复选框实例的提交按钮DIV.换句话说,如果我有三个复选框CHECKED并且我取消其中一个复选框,则提交按钮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();
    }
}); 

Answer 2

我使用jQuery prop

$('#yourCheckbox').change(function(){
  if($(this).prop("checked")) {
    $('#showDiv').show();
  } else {
    $('#hideDiv').hide();
  }
});

Answer 3

那是因为您只检查当前复选框.

将其更改为

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

检查是否选中了任何复选框(此行中的大量检查......).

参考:http://api.jquery.com/checked-selector/

Answer 4

ebdiv已经确定 style="display:none;"

它是作品展示和隐藏

$(document).ready(function(){
    $("#eb").click(function(){
        $("#ebdiv").toggle();
    });

});