-5

ユーザーがドロップダウンから選択したときに、いくつかの値の合計を計算するこのスクリプトがあります。私はJSの専門家ではありません。onchange に加えて、ページの読み込み時にこのコードで値を計算しますか? 関数とifステートメントを変更して、このコードをコピーして貼り付けたものだと思いますか？

<script>
$(function() {
     $(".DropChange").change(function(){
        var valone = $('#ValOne').val();
        var valtwo = $('#ValTwo').val();
        var valthree = $('#ValThree').val();
        var valfour = $('#ValFour').val();
        var valfive = $('#ValFive').val();
        var valsix = $('#ValSix').val();
        var valseven = $('#ValSeven').val();
        var valeight = $('#ValEight').val();
        var total = ((valone * 1) + (valtwo * 1) + (valthree * 1) + (valfour * 1) + (valfive * 1) + (valsix * 1) + (valseven * 1) + (valeight * 1));
        $('#Total').text(total);
    });
});
</script>
4

2 に答える 2

1

おそらく最も簡単なオプションは、現在のonchange関数を別の関数に貼り付けることです。

var calculateTotals = function(){    
    var valone = $('#ValOne').val();
    var valtwo = $('#ValTwo').val();
    var valthree = $('#ValThree').val();
    var valfour = $('#ValFour').val();
    var valfive = $('#ValFive').val();
    var valsix = $('#ValSix').val();
    var valseven = $('#ValSeven').val();
    var valeight = $('#ValEight').val();
    var total = ((valone * 1) + (valtwo * 1) + (valthree * 1) + (valfour * 1) + (valfive * 1) + (valsix * 1) + (valseven * 1) + (valeight * 1));
    $('#Total').text(total);
};

次に、に変更onchangeします

$(".DropChange").change(calculateTotals);

だからあなたの$(function(){ ... });今は次のようになります。

$(function(){
    $(".DropChange").change(calculateTotals); // assign event
    calculateTotals(); // calculate totals on load
});
于 2013-08-12T10:15:30.880 に答える