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

【问题标题】：Sum two textbox values and get grade letter in third textbox将两个文本框值相加并在第三个文本框中获取等级字母
【发布时间】：2018-08-09 00:54:19
【问题描述】：

我有一个带有三个文本框的 HTML 表单。我想使用 jQuery 自动对它们求和。同时，我想用if–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>

【问题讨论】：

Java != Javascript.
您的问题是什么？有什么不工作吗？你的脚本的其余部分在哪里？为什么会有一个流浪的} });？你的 HTML 在哪里？请edit您的问题并提供minimal reproducible example。
if (sum > 1) { 可能是你想做的...
是的，但不工作

标签： javascript jquery html arrays

【解决方案1】：

$('.number').on('keyup',function(){

  var sum = 0;
  var grade = 'B';

  $('.number').each(function(){
    sum += parseInt($(this).val());
  });

  $('#sum').text(sum);

  if(sum>100){
    grade = 'A';
  }
  $('#grade').text(grade);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="textbox" class="number" placeholder="number 1">
<input type="textbox" class="number" placeholder="number 2">
<div>
  Your total mark is <span id="sum">0</span>.
  <br>
  Your grade is <span id="grade">F</span>.
</div>

【讨论】：

好的兄弟，谢谢它的工作，但我希望结果出现在 ID 为 #total2 的文本框中
@ClicHere 当然，这与上面的方法完全相同；只需使用带有所需 ID 的输入字段代替此处使用的 #grade 跨度即可。

【解决方案2】：

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

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

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

【讨论】：