javascript - jQuery各个函数的结果怎么办?

标签 javascript php jquery mysql

我必须构建一个表单,并且我一直在研究 jQuery,但是我陷入了一步,如果您能给我任何建议,请给我任何建议,

所以让我解释一下这个表格,我有 20 种产品,其中包含优惠 1、优惠 2 和月费,到目前为止,所有这些都运行良好,我只需要在您选择特定产品的金额后,然后按下一个按钮再次显示结果,但仅在填充金额的地方显示,所以基本上只显示客户感兴趣的产品,这是我的主要问题,我知道我必须在 jQuery 每个函数中执行此操作,但我不知道该怎么做它?

我在表格中附上了一张图片,以便您可以查看示例 form picture

编辑: 这是我目前的代码:

    function convert(value) {
        return "" + ((Number(value) || 0).toFixed(2).replace(/(\d)(?=(\d{3})+ 
        (?!\d))/g, "$1,")) + "";
    }

    function testing(id, normaloffer, talesalesoffer, montlyoffer) {
        var normaoffertotal = normaloffer * $('#amount' + id).val();
        var talesalestotal = talesalesoffer * $('#amount' + id).val();
        var montlytotal = montlyoffer * $('#amount' + id).val();
        $(".normaloffertotal" + id).html(normaoffertotal);
        $(".telesalesoffertotal" + id).html(talesalestotal);
        $(".montlytotal" + id).html(montlytotal);
        $('#hnoffer' + id).val(normaoffertotal);
    }

    console.log(convert(10496.470000000001));

    function normaloffertotalcalc() {
        var sumnormaltotal = 0;
        $('span[id^="normaloffertotalspan"]').each(function () {
            var text = $(this).text();
            sumnormaltotal += parseFloat(text, 10);
        });
        $('#sumnormaltotal').html(sumnormaltotal);

        var sum_telesale = 0;
        $('span[id^="telesalesoffertotalspan"]').each(function () {
            var text = $(this).text();
            sum_telesale += parseFloat(text, 10);
        });
        $('#sumtelesaletotal').html(sum_telesale);

        var sum_montly = 0;
        $('span[id^="montlyofferspan"]').each(function () {
            var text = $(this).text();
            sum_montly += parseFloat(text, 10);
        });
        $('#summontlytotal').html(sum_montly);

        console.log('Normal Total Offer ' + convert(sum_normal));
        console.log('TeleSales Total Offer ' + convert(sum_telesale));
        console.log('Montly Total Offer ' + convert(sum_montly));
    }
</script>

这是 html

<?php
    $count = 0;
    $query = mysqli_query($con, "SELECT * FROM products");
    while ($row = mysqli_fetch_array($query)) {
    $count++;
?>
<tr>
    <td align="center"><?= $row[1] ?></td>
    <td align="center"><input type="text" placeholder="0" id="amount<?= $count ?>"
                                              name="amount<?= $count ?>" onblur="normaloffertotalcalc()"
                                              onkeyup="testing(<?= $count ?>, <?= $row[2] ?>, <?= $row[3] ?>, <?= $row[4] ?>)"
                                              style="-webkit-appearance: none; background: none; text-align: center; border: none; width: 40px;">
     </td>
     <td align="center">£<?= $row[2] ?></td>
     <td align="center">£<span class="normaloffertotal<?= $count ?>"
                                              id="normaloffertotalspan">0</span> <input type="hidden"
                                                                                        class="normaloffertotalspan"
                                                                                        id="hnoffer<?= $count ?>">
      </td>
      <td align="center">£<?= $row[3] ?></td>
      <td align="center">£<span class="telesalesoffertotal<?= $count ?>" id="telesalesoffertotalspan">0</span>
      </td>
      <td align="center">£<?= $row[4] ?></td>
      <td align="center">£<span class="montlytotal<?= $count ?>" id="montlyofferspan">0</span></td>
                </tr>
      <?php } ?>

最佳答案

我找到了解决这个问题的方法

            $('input[type=text]').each(function(){
            var val = parseInt($(this).val());

            if(val > 0){
                var id = $(this).attr('id');
            if(id){
                console.log(id);
            }
                console.log(val);

            }
        });

这是我所做的代码并且运行良好:)

感谢所有给我建议的人

还有一件事,你知道如何从 MySQL 中仅导出 id 为 2,7,1 的产品吗:)

关于javascript - jQuery各个函数的结果怎么办?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52968881/

相关文章:

javascript - 从文件加载页面并通过元素的 id 或类更改一些内容

javascript - extjs 4 动态存储

Javascript 在数组中的每个对象之间添加边距

javascript - Ajax 调用没有警报

php: 检查路径是否存在?

php - 硬错误 : SMTP -> FROM SERVER:421 Unexpected failure, 请稍后再试

jQuery - 翻转 : Size of flipped div is smaller than the front div

javascript - 如何使用 javascript(或 ajax 或类似的东西)显示(本地)文本文件中的值?

javascript - jQuery调用后不需要的图像重新定位

javascript - 等待函数完成 - 执行是异步的(不按顺序)