Question

我有一个带三个文本框的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>

Answer 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>

Answer 2

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

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

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

对两个文本框值求和，并在第三个文本框中获取成绩字母

2 个答案: