Count the input [] in javascripts

Question

Count the input [] in javascripts

Navigation

#1 by (1 votes)

2

I have the following code where I create input [] with a button but I want to calculate the total input added for that value multiply it in another function in javascripts

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
  
  <script>
  function add_fields() {
           var d = document.getElementById("content");

           d.innerHTML += "<br />  <input type='text' name='id_tecnico[]''  value=''  placeholder='Codigo' class='form-control'>";
        }
        
        function contar (){
          if ($('input[name=id_tecnico]').val().length != 0) {
                contar += 1;
            } 
            alert(contar);
        }
        </script>

 <div id="content">
   <input type="text" name="id_tecnico[]"  value=""  placeholder="Codigo" >
 </div>
   <input type="button" id="more_fields" class="btn btn-primary" onclick="add_fields();" value="Otro" />

javascript html

asked by MoteCL 18.07.2018 в 21:29

source

1 answer

How to insert a new row with data in an Excel spreadsheet Error saving a JavaScript promise in a variable

score 1 · Accepted Answer

You can do it like this:

  

  function add_fields() {
           var d = document.getElementById("content");

           d.innerHTML += "<br />  <input type='text' name='id_tecnico[]''  value=''  placeholder='Codigo' class='form-control'>";
           contar();
        }
        
        function contar (){
          var inputs = $('input[name^=id_tecnico]');
          var count = inputs.length;
          alert(count);
        }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div id="content">
   <input type="text" name="id_tecnico[]"  value=""  placeholder="Codigo" >
 </div>
   <input type="button" id="more_fields" class="btn btn-primary" onclick="add_fields();" value="Otro" />