How to add two inputs that already have a preset value

Question

How to add two inputs that already have a preset value

Navigation

#1 by (1 votes)

0

function suma() {
      var add = 0;
      $('.cl').each(function() {
          if (!isNaN($(this).val())) {
              add += Number($(this).val());
          }
      });
      $('#sumAll').val(add);
  };

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<input type="text" name="tery7" id="c1" class="cl" onChange="suma();" value="100">
<br>
<input type="text" name="tery8" id="c2" class="cl" onChange="suma();" value="300">
<br>
<input id="sumAll" type="text" value="" />

javascript jquery

asked by user103979 21.10.2018 в 07:31

source

1 answer

Javascript library that converts pdf into jpg / png HTML PHP Multidimensional Array

score 1 · Accepted Answer

You just need to add the jQuery handler $(document).ready()

$( document ).ready(suma);
function suma() {
      var add = 0;
      $('.cl').each(function() {
          if (!isNaN($(this).val())) {
              add += Number($(this).val());
          }
      });
      $('#sumAll').val(add);
  };

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<input type="text" name="tery7" id="c1" class="cl" onChange="suma();" value="100">
<br>
<input type="text" name="tery8" id="c2" class="cl" onChange="suma();" value="300">
<br>
<input id="sumAll" type="text" value="" />