<table>
<tr>
<td>
<img src="https://place-hold.it/200x200?text=%D0%9F%D1%80%D0%BE%D0%B4%D1%83%D0%BA%D1%82%201">
<br>
<p class="product-name">Продукт 1</p>
<p class="product-price">150 руб</p>
Количество
<input type="number" value="1">
<br> Выбрать
<input type="checkbox">
</td>
<td>
<img src="https://place-hold.it/200x200?text=%D0%9F%D1%80%D0%BE%D0%B4%D1%83%D0%BA%D1%82%202">
<br>
<p class="product-name">Продукт 2</p>
<p class="product-price">250 руб</p>
Количество
<input type="number" value="1">
<br> Выбрать
<input type="checkbox">
</td>
<td>
<img src="https://place-hold.it/200x200?text=%D0%9F%D1%80%D0%BE%D0%B4%D1%83%D0%BA%D1%82%203">
<br>
<p class="product-name">Продукт 3</p>
<p class="product-price">350 руб</p>
Количество
<input type="number" value="1">
<br> Выбрать
<input type="checkbox">
</td>
</tr>
</table>
<p class="total-price">Тут итого</p>
Как можно посчитать сумму товаров при нажатии на чекбокс с количеством?