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">