入力から値を1つの書式でページに追加します

Question

複数のHTML書式のページがあります。私はすべての入力値を1つのフォームに追加する必要があり、ページ上のすべてのフォームを追加する必要はありません。入力フィールドがで入力すると、それは素晴らしい作品AJAX呼び出しにデータを送信しますが、合計値がページ上のすべてのフォームからであるだけでなく、一つは私がして入力した。

$('.risk_assessments_number_input').keyup(function() { 
    var form = $(this).closest("form"); 
    var ajaxurl = '<?php echo WEB_URL; ?>controllers/ajax/save_risk_assessment.php', 
    form_data = $(form).serialize(); 

    var sum = 0; 

    $('.risk_assessments_number_input').each(function() { 
    sum += Number($(this).val()); 
    }); 

    console.log(sum); 

    $.post(ajaxurl, form_data, function (response) { 

    }); 
}); 

Answer 1

あなたがすることができます特定のフォームの入力を処理するためにkeyup関数を割り当てます。例：

<form id="numberInputs"> 
    <input class="risk_assessments_number_input"> 
</form> 

$('#numberInputs .risk_assessments_number_input').keyup(function() { 
    var form = $(this).closest("form"); 
    var ajaxurl = '<?php echo WEB_URL; ?>controllers/ajax/save_risk_assessment.php', 
    form_data = $(form).serialize(); 

    var sum = 0; 

    $('#numberInputs .risk_assessments_number_input').each(function() { 
    sum += Number($(this).val()); 
    }); 

    console.log(sum); 

    $.post(ajaxurl, form_data, function (response) { 

    }); 
}); 

これは、numberInputsというIDのフォーム内にあるリスクアセスメント入力にのみコードを適用します。