Как передать сумму доставки в data-price у кнопки input?

let delivery = document.getElementById('js-pricedelivery'); 
 
let rad = document.querySelectorAll('.rad');  
 
for( let i = 0; i < rad.length; i++ ) { 
  rad[i].addEventListener('change', function(){ 
 
    for( let u = 0; u < rad.length; u++ ){ rad[u].dataset.price = 0; } 
 
    this.dataset.price = delivery.innerText; 
     
    //Ненужное демо 
    demo.innerText = `Теперь у радио номер ${(i+1)} data-price="${delivery.innerText}", а у остальных - 0` 
  }); 
}

.flaticon-check { 
  display: inline-block; 
  position: relative; 
  width: 180px; 
  border: 1px solid #cc006c; 
  border-radius: 5px; 
  padding: 8px; text-align: center; 
  cursor: pointer; 
  user-select: none; 
} 
 
.flaticon-check:hover { 
  background-color: #fee; 
} 
 
.rad { display: none; } 
 
.rad:checked + .flaticon-check::after { 
  content: ''; 
  position: absolute; 
  width: 6px; height: 10px; 
  background-color: transparent; 
  top: -7px; right: 2px; 
  border-right: 1px solid white; 
  border-bottom: 1px solid white; 
  transform: rotate(40deg); 
} 
.rad:checked + .flaticon-check::before { 
  content: ''; 
  position: absolute; 
  width: 18px; height: 18px; 
  background-color: #dd0033; 
  top: -8px; right: -4px; 
  border-radius: 50px; 
}

<input class="rad" id="radio45" type="radio" name="radio3" data-price-for-one="0" data-price="0"> 
<label class="flaticon-check" for="radio45">В пункт самовывоза</label> 
 
<input class="rad" id="radio46" type="radio" name="radio3" data-price-for-one="0" data-price="0"> 
<label class="flaticon-check" for="radio46">До метро</label> 
 
<input class="rad" id="radio47" type="radio" name="radio3" data-price-for-one="0" data-price="0"> 
<label class="flaticon-check" for="radio47">До адреса</label> 
 
<p>Стоимость доставки: <span id="js-pricedelivery"><b>153</b></span></p> 
 
<p id="demo"></p>