如何使用jquery和html显示结果

Question

我想在结果字段中显示结果值。

form.form-inline

这是HTML

    $('.calc').change(function(){
        var total = 0;
        $('.calc').each(function(){
            if($(this).val() != '')
            {
                total += parseInt($(this).val());
            }
        });
        $('.total').html(total);
    });
})(jQuery);

Answer 1

问题是您的结果元素没有使用您尝试访问该元素的类result。

另外，要设置输入元素的值，您需要使用.val（）

＆＃13;

＆＃13;

var $els = $('.calc').change(function() {
  var total = 0;
  $els.each(function() {
    if ($(this).val() != '') {
      total += parseInt($(this).val()) || 0;
    }
  });
  $('.total').val(total);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
  <tr>
    <td>First:</td>
    <td>
      <input type="text" class="calc" value="" />
    </td>
  </tr>
  <tr>
    <td>Second:</td>
    <td>
      <input type="text" class="calc" value="" />
    </td>
  </tr>
  <tr>
    <td>Result:</td>
    <td>
      <input type="text" class="total" />
    </td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;