0

Total e IVA de un producto, considerando si el producto tiene o no tiene IVA.

¡Hola, a tod@s!

Estoy intentando encontrar la solución a lo siguiente: Necesito sacar el Total de un producto, teniendo en cuenta si éste tiene o no tiene IVA. Si tiene IVA, calcularlo con el 16% seleccionándolo desde el checkbox, si no tiene IVA, que la cantidad que ingreso en Monto, se vaya directo al Total. introducir la descripción de la imagen aquí

Agrego el código:

  function calculo(){
  //tasa de impuesto
    var tasa = 16;

  //monto a calcular el impuesto
    var monto = $("input[name=monto]").val();

  //calsulo del impuesto
    var iva = (monto * tasa)/100;

  //se carga el iva en el campo correspondien te
    $("input[name=iva]").val(iva);

  //se carga el total en el campo correspondiente
    $("input[name=total]").val(parseInt(monto)+parseInt(iva));
}
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>prueba</title>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <table id="items">

  </head>
  <body>
    <div class="alert alert-info">
      <p>
        Muestra de Calculo de Iva
      </p>
    </div>
    <div class="container">
      <div class="row">
       <DIV clas="col-md-12">

         <div class="col-lg-4 col-md-4 col-sm-4">
           <div clsss="form-group">
             <input type="text" name="monto" class="form-control" placeholder="Monto" onChange="calculo();">
           </div>
         </div>
         <div class="col-lg-4 col-md-4 col-sm-4">
           <div clsss="form-group">
             <input type="text" name="iva" class="form-control" placeholder="IVA" readonly>
             <select name="IVA" type="text" required>
              <option value="0">0</option>
              <option value="16">16</option>
            </select>
          </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4">
         <div clsss="form-group">
           <input type="text" name="total" class="form-control" placeholder="Total" readonly>
         </div>
       </div>
     </DIV>
   </div>
 </div>
</body>
</html>

8
  • ¿Qué te detiene para calcular el IVA en base al monto que está en el select? En esa función estás diciendo que siempre el valor del IVA es de 16.
    – padaleiana
    Commented el 7 oct. a las 19:51
  • 1
    Hola Hugo, así como obtenes el monto, podes obtener la tasa, es más de lo mismo.
    – Marcos
    Commented el 7 oct. a las 19:52
  • Hola, @padaleiana. Gracias por tu respuesta, estoy tratando de encontrar la solución sobre cómo puedo calcular el iva desde el select. Si tiene IVA seleccionar el 16, si no tiene IVA seleccionar el 0.
    – hugo raher
    Commented el 7 oct. a las 20:03
  • Hola, @Marcos. Gracias por tu respuesta, no es muy claro lo que me sugieres hacer.
    – hugo raher
    Commented el 7 oct. a las 20:04
  • 1
    Por cierto, la idea es enseñarte a pescar, no a darte el pez... Lee Cómo preguntar.
    – padaleiana
    Commented el 8 oct. a las 9:59

1 respuesta 1

0

Si he entendido bien tu pregunta, puedes intentar lo siguiente:

  function calculo(){
  //tasa de impuesto
    var tasa = $("#selectIva").val();

  //monto a calcular el impuesto
    var monto = $("input[name=monto]").val();

  //calsulo del impuesto
    var iva = 0;
    if(tasa != 0){
     iva= (monto * tasa)/100;
    }
    

  //se carga el iva en el campo correspondien te
    $("input[name=iva]").val(iva);

  //se carga el total en el campo correspondiente
    $("input[name=total]").val(parseInt(monto)+parseInt(iva));
}

$('select').on('change', function() {
  calculo();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div class="alert alert-info">
      <p>
        Muestra de Calculo de Iva
      </p>
    </div>
    <div class="container">
      <div class="row">
       <DIV clas="col-md-12">

         <div class="col-lg-4 col-md-4 col-sm-4">
           <div clsss="form-group">
             <input type="text" name="monto" class="form-control" placeholder="Monto" onChange="calculo();">
           </div>
         </div>
         <div class="col-lg-4 col-md-4 col-sm-4">
           <div clsss="form-group">
             <input type="text" name="iva" class="form-control" placeholder="IVA" readonly>
             <select id="selectIva" type="text" required>
              <option value="0">0</option>
              <option value="16">16</option>
            </select>
          </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4">
         <div clsss="form-group">
           <input type="text" name="total" class="form-control" placeholder="Total" readonly>
         </div>
       </div>
     </DIV>
   </div>
 </div>

3
  • 1
    ¿Qué es "lo siguiente"? Pulsa en editar y describe cómo este código responde a la pregunta. Lee Cómo responder. No te limites a explicar brevemente a través de comentarios de código.
    – padaleiana
    Commented el 8 oct. a las 9:55
  • 1
    Las publicaciones que son básicamente código sin explicación de qué hacen o cómo solucionan el problema se consideran de baja calidad ya que no suelen ser de ayuda para otros usuarios que pueden no entender lo que se hizo. Considera editar tu respuesta y añadir más detalles.
    – Alvaro Montoro
    Commented el 8 oct. a las 15:24
  • Gracias por la sugerencia, @padaleiana.
    – hugo raher
    Commented el 8 oct. a las 20:54

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.