Javascript 从复选框onchange事件获取值

我有一个简单的切换复选框功能，可以在产品包上选择它们。我以输入复选框的方式创建了它，以便能够捕获值。我不明白的是，当只显示复选框时，如何捕获的值

我知道要获取价值，我会这样做：

$（'#package2'）.val（）

但如何仅在“已激活”/“已选择”时获取该值。然后，一旦它被选中，并且我有了我想要显示的值，它就显示在“选择的产品”旁边

此外，您可以在代码片段或小提琴中看到，当您单击两个框，然后再次单击一个框以取消选中它时，“继续”将消失。是否有一种方法可以在选中任何一个框时保持显示



$（'.calendar check'）。在（'change'，function（）上{
if（$（this.prop（'checked'））{
$（this）.parents（'.product wrap:first'）.find（'.checkmark img'）.show（'200'）；
$（'#next1'）.show（）；
}否则{
$（this）.parents（'.product wrap:first'）。find（'.checkmark img'）。hide（'200'）；
$（'#next1'）.hide（）；
}
});
.package img{
宽度：60%；
高度：自动；
左缘：20%；
光标：指针；
转换：1s；-webkit转换：1s；
位置：相对位置；
}
#日历换行，#tp换行{
宽度：100%；
位置：相对位置；
}
.复选标记img{
显示：无；
宽度：40%；
高度：自动；
z指数：1；
光标：指针；
}
.继续btn{
显示：无；
转换：.5s；-webkit转换：.5s；
}
.日历检查{
显示：无；
}
.包检查切换{
位置：相对位置；
身高：100%；
宽度：100%；
显示：块；
光标：指针；
}

包1
方案2
选择的产品
继续
怎么样


jQuery.fn.fadeboltoggle=函数（bool）{
返回布尔？this.fadeIn（1000）：this.fadeOut（1000）；
}
$（函数（）{
$（'.calendar check'）。在（'单击'，函数（）上）{
$（this）.parents（'.product wrap:first'）.find（'.checkmark img'）.toggle（this.checked）；
//$（'#next1'）。切换（$（'.calendar check:checked'）。长度>0）；
$（'#next1'）.FadeBooltLogle（$（'.calendar check:checked'）。长度>0）；
var-prods=[]；
$（'.calendar check:checked'）。每个（函数（）{prods.push（$（this.val（））}）；
$（“#prods”）.html（“产品”+
（产品长度==1？“：“s”）+
所选：“+prods.join（，”）
);
});
});
.package img{
宽度：60%；
高度：自动；
左缘：20%；
光标：指针；
过渡：1s；
-webkit转换：1s；
位置：相对位置；
}
#日历包装，
#tp包装{
宽度：100%；
位置：相对位置；
}
.复选标记img{
显示：无；
宽度：40%；
高度：自动；
z指数：1；
光标：指针；
}
.继续btn{
显示：无；
//*过渡：.5s；
-webkit转换：.5s*/
}
.日历检查{
显示：无；
}
.包检查切换{
位置：相对位置；
身高：100%；
宽度：100%；
显示：块；
光标：指针；
}

包1
方案2
选择的产品
继续
$（this）.val（）
我想从复选框输入中获取值，并将它们显示在我的框下面<代码>$（'#package2'）.val（）。然后，如果您运行代码段并看到当两个框都选中时，再次单击其中一个，您将看到onchange事件使“继续”按钮消失。因此，基本上，如果您决定使用两个包，然后在继续之前删除其中一个包，则按钮将消失。关于继续按钮，如果任何框处于活动状态（选中），我希望继续按钮也保持活动状态。不知道如何操作，也不知道如何为复选框输入写入值。这会在单击某个内容时始终保持“继续”按钮显示。我这样做了，但如果您单击某个按钮并将其激活，如果您再次选中以取消选中该按钮，则该按钮仍保持活动状态。请尝试我更新的代码。假设选择器正确，如果没有复选框，则继续将消失