使用 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();
}
});
}
最佳答案
虽然这已经很旧了,但如果有人再次遇到这个(通过搜索)。从 jQuery 1.7 开始,正确答案是:
$('.pChk').click(function() {
if( $(this).is(':checked')) {
$("#ProjectListButton").show();
} else {
$("#ProjectListButton").hide();
}
});
关于jQuery 根据复选框值显示-隐藏 DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4444292/