javascript - 如何在 jQuery 中进行计算并打印值？

Question

我想要执行一些计算并在 div 标记中打印值。

我想计算 sum1 = (total * Total2) + jsvar1; 和 sum2 = (total1 * Total2 ) + jsvar1; 的总和。

接下来，我想在 html div 标记中显示 sum1 和 sum2 值。

如何利用我所拥有的资源来实现这一目标？如果有人能帮助我做到这一点，我将非常感激。非常感谢。

<小时/>这是我到目前为止所得到的:

jsvar1 = <?php 
  $sql9 = mysql_query("select room_rate from room_category where hotel_id='".$hotel_id."' and room_type = '".$var_value."' ");  
  $res9 = mysql_fetch_array($sql9);
  $roomrate = $res9["room_rate"];
  echo $roomrate;
?>;
document.write(jsvar1);


$(document).ready(function() {
    $('#roomOptions #select1').change(function() {
        var total = 0;
        $('#roomOptions #select1').each(function() {
            total+=parseInt($(this).val());

        });
        $('#roomOptions #roomOptions_total').html(total);
    });


    $('#roomOptions #select2').change(function() {
        var total1 = 0;
        $('#roomOptions #select2').each(function() {
            total1+=parseInt($(this).val());

        });
        $('#roomOptions #roomOptions_total1').html(total1);
    });



    $('#roomOptions #select3').change(function() {
        var total2 = 0;
        $('#roomOptions #select3').each(function() {
            total2+=parseInt($(this).val());

        });
        $('#roomOptions #roomOptions_total2').html(total2);
    });


});

Answer 1

您需要在更改事件之外声明您的总变量，并在该事件中计算总和:

$(document).ready(function() {
    var total, total1, total2;
    $('#roomOptions #select1').change(function() {
        total = 0;
        $('#roomOptions #select1').each(function() {
            total+=parseInt($(this).val());

        });
        $('#roomOptions #roomOptions_total').html(total);
        calcualteSum1();
    });
    $('#roomOptions #select2').change(function() {
        total1 = 0;
        $('#roomOptions #select2').each(function() {
            total1+=parseInt($(this).val());

        });
        $('#roomOptions #roomOptions_total1').html(total1);
        calcualteSum2();
    });

    $('#roomOptions #select3').change(function() {
        total2 = 0;
                $('#roomOptions #select3').each(function() {
            total2+=parseInt($(this).val());

        });
        $('#roomOptions #roomOptions_total2').html(total2);
        calcualteSum1();
        calcualteSum2();
    });

    function calcualteSum1() {
        $('#sum').html((total * total2) + jsvar1);
    }
    function calcualteSum2() {
        $('#sum').html((total1 * total2) + jsvar1);
    }
});