Отправить несколько входов, созданных циклом while, в PHP

Моя проблема в том, что я создал корзину продуктов, которые сохраняются в базе данных, затем я создал while для печати информации о продукте (название, жанр, цена), а затем количество продуктов, которые вы хотите купить.

Проблема в том, что считывается только один из нескольких созданных входных данных и вычисляется с этим количеством вместо каждого созданного. Поэтому я рад, если вы можете помочь мне исправить часть кода, которая вызывает проблему.

Извините, если что-то непонятно, это мой первый пост здесь.

Вот коды.

Файл PHP, который печатает информацию:

<tbody>
<tr>
    <?php
    $conexion  = mysqli_connect("localhost", "root", "", "llanoponte");
    $sql       = "SELECT * FROM libros";
    $resultado = $conexion->query($sql);
    $x         = 0;

    if ($resultado->num_rows > 0) {
        while ($row = $resultado->fetch_assoc()) {
            $valor = $row['Precio'];
            echo "<td>", $row['Titulo'], "</td>
                    <td>", $row['Autor'], "</td>
                    <td>", $row['Genero'], "</td>
                    <td>", $valor, " €", "</td>
                    <td>", "<input type='number' name='cantidad' class='cantidad' value='0' id='<?php echo $x ?>'>", "</td>
                </tr>";
            $x++;
        }
    } else {
        echo "Sin resultados";
    }
    
    $conexion->close();
    ?>
</tr>
</tbody>

Вот кнопка для вызова функции

<input type = "button" name = "actualizar" class = "calcular" onclick = "Datos()" id = "boton1" value = "Calcular">

Скрипт, который отправляет вставленное количество в файл PHP, выполняющий операцию:

function Datos() {

    v1 = $("input[name='cantidad']").val();

    $.ajax({
        url: 'total.php',
        type: 'post',
        data: {cantidad: v1},
        success: function (respuesta) {
            $('#resultados').html(respuesta);
        }
    })
}

PHP, который вычисляет итог и возвращает значение принципалу:

include('conexiones.php');

$multi1    = $_POST['cantidad'];
$conexion  = mysqli_connect("localhost", "root", "", "llanoponte");
$sql       = "SELECT * FROM libros";
$resultado = $conexion->query($sql);

if ($resultado->num_rows > 0) {
    $total    = 0;

    while ($row = $resultado->fetch_assoc()) {
        $total = ($row['Precio'] * $multi1) + $total;
    }

    echo '<p>', $total, ' € ', '</p>';

} else {
    echo 'Sin resultados';
}

$conexion->close();

И здесь должна появиться общая цена

<div class = "texto2">
            <h1>Total</h1>
            <div id = "resultados">
                <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
            </div>
        </div

Я попытался изменить идентификаторы на элемент, значение которого будет увеличиваться с каждым циклом цикла while, но затем я столкнулся с препятствием отправки входных данных и их значений на другой PHP через скрипт. И даже пытаясь перейти от получения значения от элемента с определенным идентификатором к имени, он все равно фиксирует значение первого созданного ввода, а не остальных.