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

前端之家收集整理的这篇文章主要介绍了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();
        }
    }); 
}

解决方法

虽然这是老的,如果有人再次遇到这个(通过搜索)。现在jQuery 1.7的正确答案是:
$('.pChk').click(function() {
    if( $(this).is(':checked')) {
        $("#ProjectListButton").show();
    } else {
        $("#ProjectListButton").hide();
    }
});
原文链接:https://www.f2er.com/jquery/182400.html

猜你在找的jQuery相关文章