javascript - 将两个文本框值相加并在第三个文本框中获取等级字母

Question

我有一个带有三个文本框的 HTML 表单。我想使用 jQuery 自动对它们求和。同时，我想使用if-<code>else语句来检查第三个文本框的结果是否大于100。下一个（第四个文本框）中的值应该是A.

请参阅下面的代码：

<form>

    <input type="text" class="number">
    <input type="text" class="number">
    <br>
    <input type="text" id="total" disabled />
    <input type="text" id="total2" disable />


   <!--i want the letter A to appear in forth textbox if the value in third textbox is > 100 ---->

</form>

<script>
$('.number').keyup(function() {
    var sum = 0;
    $('.number').each(function() {
        sum += Number($(this).val());
    });
    $('#total').val(sum);

    if ($('#total').val(sum) > 100) {
        form.total2.value = "A";
    }   
 });
}
});
</script>
</body>
</html>

标签： javascriptjqueryhtmlarrays

Answer 1

您可以使用以下解决方案：

$('.number').keyup(function() {
    var sum = 0;
    $('.number').each(function() {
    sum += parseInt($(this).val());
    });
    $('#total').val(sum);

    if (sum > 100) {
       $('#total2').val("A");}   
 });