Javascript 通过选中复选框创建“获取多个值”按钮

我想从按钮中获取值。 选中复选框时，将显示此按钮

如果只有一个按钮，这是正常的，但当有这么多的按钮，它将获取最后一个按钮数据属性，这是不好的

$（“#其他产品”）。关于（'change'，function（）{
var selectedProducts=[]；
var listProductsCtrl=$（'.list products'）；
listProductsCtrl.html（“”）；
$（“#其他产品输入[type=“checkbox”]：选中”）。每个（函数（）{
selectedProducts.push（$（this.attr（'name'））；
var showtimesassString=''+selectedProducts.join（''）+''；
html（showtimesAsString）；
});
$（'.number'）。单击（函数（）{
警报（$（this.attr（'data-label'））；
});
});
对于第二个和第三个，您添加的是类
测试
而不是编号，并且没有
数据标签
属性

所以我在这里只显示
text（）
。
$（“#其他产品”）。关于（'change'，function（）{
var selectedProducts=[]；
var listProductsCtrl=$（'.list products'）；
listProductsCtrl.html（“”）；
$（“#其他产品输入[type=“checkbox”]：选中”）。每个（函数（）{
selectedProducts.push（$（this.attr（'name'））；
var showtimesassString=''+selectedProducts.join（''）+''；
html（showtimesAsString）；
});
$（'.number，.test'）。单击（函数（）{
警报（$（this.text（））；
});
});

哦，我明白了，谢谢。我也知道我的数据标签是变化的，所以我会从文本中提取。但有什么方法可以改变数据标签？添加按钮时追加标签。