Javascript 抓取复选框值并将它们放入数组中

检查下面的JS代码。我的目标是总计所有选中的复选框属性，称为“价格数据”，并在我生成的

中显示总和，但您必须对其进行改进，例如：

HTML:



Js:

var id=”“；
对于（i=1；i您可以在一个
数组中收集
价格数据
，然后在另一个数组中收集值，如果
复选框
已选中
总和价格并显示选中的
复选框
。请参见以下内容：


var-valueCollections=[]；
var-priceCollections=[]；
$（“输入[type='checkbox']”）。在（“单击”，函数（）上）{
var priceData=$（this.attr（'price-data'）；
var val=$（this.val（）；
//检查
如果（$（this）.is（':checked'））{
valueCollections.push（val）；//如果选中，则推送
priceCollections.push（priceData）；
}否则{
valueCollections.splice（$.inArray（val，valueCollections），1）；//如果未选中，则删除
priceCollections.splice（$.inArray（priceData，priceCollections），1）；
}
//和数组
var sum=eval（priceCollections.join（“+”））
$（'#totalDisplay'）.html（总和）；
console.log（valueCollections）；
})；

选择1
选择2
提交
伟大的求职者！谢谢你的资助。我从你身上学到了很多！
<div class="checkbox-set">

</div>

<div id = "result">

</div>

var id = "";
for(i=1 ; i<8 ;i++){
    id="checkbox_"+i;
    $('.checkbox-set').append('<input type="checkbox" id="'+ id +'" value="Click on me"/> <label for="'+id+'">Click on me</label> <br/> ');
}
var selected = [];


$('input[type="checkbox"]').change(function() {
    if(this.checked) {        
        $(this).each(function(){
        selected.push($(this).attr('id'));
        $("#result").html(selected);
        });
    }
    if(!this.checked) {
         const index = selected.indexOf($(this).attr('id'));
         var tt= selected.splice(index, 1);
             $("#result").html(selected);
    }
})