JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="liste_couleur_qty">
    <li style="margin-bottom: 20px;">
        <dl>
            <table width="200" border="0">
                <tbody>
                    <tr>
                        <td width="50%"> <span style="display: block; font-size: 13px; line-height: 16px; margin-bottom: 2px;margin-right: 0px;margin-left: 20px;">Noir</span>

                        </td>
                        <td width="50%">
                            <div class="add-to-cart">
                                <label for="qty-2195">qty :</label>
                                <input type="text" class="input-text qty calcul_qty_product"
                                title="Qté" value="0" autocomplete="off" maxlength="5" data-product_color="127"
                                id="qty-2195" name="qty-2195" onblur="addToCartPlus(2195, 127, this);">
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </dl>
    </li>
    <li style="margin-bottom: 20px;">
        <dl>
            <table width="200" border="0">
                <tbody>
                    <tr>
                        <td width="50%"> <span style="display: block; font-size: 13px; line-height: 16px; margin-bottom: 2px;margin-right: 0px;margin-left: 20px;">Blanc</span>

                        </td>
                        <td width="50%">
                            <div class="add-to-cart">
                                <label for="qty-2196">qty :</label>
                                <input type="text" class="input-text qty calcul_qty_product"
                                title="Qté" value="0" autocomplete="off" maxlength="5" id="qty-2196" name="qty-2196"
                                onblur="addToCartPlus();">
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </dl>
    </li>
    <li style="margin-bottom: 20px;">
   ...

JavaScript

var addToCartPlus = function addToCartPlus() {
    return true;
};

$(document).ready(function() {
    $('input').on('keyup', function() {
        var result = 0;
        $('.liste_couleur_qty li input').each(function() {
            result += parseFloat(this.value, 10) || 0;
        });
        $('div#qtyvalue').text(result);
    });
});