jQuery-在具有多个条件的更改上

我想隐藏所有已提交的项目，以模拟仅显示当前需要上传的项目（隐藏存档项目）

我只想让项目

显示/隐藏

，具体取决于复选框是否选中

我需要的是：如果上传了文件并按了提交->如果复选框为选中->隐藏已提交的项目。如果在上载文件并按“提交”时未选中该复选框，则在某个点选中该复选框之前不要隐藏该项目

函数计数（）{
var x=$（“.item:not（.archive）”）.length；
$（“#计数”）.text（x）；
}
计数（）；
$（“#状态”）.change（函数（）{
如果（选中此项）{
if（$（“.item”）.hasClass（“存档”））{
$（“.item.archive”）.addClass（“隐藏”）；
}
}否则{
$（“.item.archive”）.removeClass（“隐藏”）；
}
});
$（文档）。在（“单击”，“按钮”，功能（e）{
var$uploader=$（this）.closest（.item”）.find（“input”）；
如果（$uploader.val（）！=“”）{
e、 预防默认值（）；
$（this.css（“背景色”，“#4dcb83”）；
$（this.html（“存档”）；
$（this）.最近（“.item”）.addClass（“隐藏”）；
$（this）.最近的（“.item”）.addClass（“存档”）；
$uploader.val（“”）；
计数（）；
}
});
.item{
显示器：flex；
宽度：500px；
填充：1.3rem；
边框：1px实心；
}
.item.hidden{
显示：无；
}
.顶{
显示器：flex；
填充：0 12px 12px
}
#计数{
左边距：6px
}

杰出：
0
隐藏存档？
提交
提交
我创建了一个函数来处理项目的状态，并在提交项目时调用它，从而解决了这个问题

在这个函数中，我检查项目是否已被赋予存档类，并找到复选框的状态


函数存档（）{
var x=$（“.item:not（.archive）”）.length；
$（“#计数”）.text（x）；
如果（$（“.item”）.hasClass（“存档”）和（&$（“#状态”）.is（“：选中”））{
$（“.item.archive”）.addClass（“隐藏”）；
}
$（“#状态”）。更改（函数（）{
如果（选中此项）{
if（$（“.item”）.hasClass（“存档”））{
$（“.item.archive”）.addClass（“隐藏”）；
}
}否则{
$（“.item.archive”）.removeClass（“隐藏”）；
}
});
}
存档（）；
$（文档）。在（“单击”，“按钮”，功能（e）{
var$uploader=$（this）.closest（.item”）.find（“input”）；
如果（$uploader.val（）！=“”）{
e、 预防默认值（）；
$（this.css（“背景色”，“#4dcb83”）；
$（this.html（“已发送”）；
$（this）.最近的（“.item”）.addClass（“存档”）；
$uploader.val（“”）；
存档（）；
}
});
.item{
显示器：flex；
宽度：500px；
填充：1.3rem；
边框：1px实心；
}
.item.hidden{
显示：无；
}

0
隐藏
提交
提交
您是否介意添加您遇到的问题：）意思是您在问题中添加的在本例中不起作用的内容？当按下“提交”按钮时，这些项目将被隐藏，但不会链接到复选框的状态，以便仅在选中复选框时隐藏。您将发布类似的内容。很高兴大家都为你工作。