Como podria obtener los valores de mis checkbox cuando los selecciono y mostrar el data-name-display en un solo input separados por una coma(,)
<input type="checkbox" id="ipad" name="ipad" data-name-display="Ipad-2020" class="selected-product">
<input type="checkbox" id="tablet-2015" name="tablet-2015" data-name-display="Tablet-2015" class="selected-product">
<input type="checkbox" id="smartphone" name="smartphone" data-name-display="Smartphone" class="selected-product">
<!--Mostrarlos en este input-->
<label for="all-products"> Usted ha seleccionado:
<input type="text", name="all-products" id="all-products">