Verán, quiero aplicar a un valor que introduje en un input el valor que ya trae más el 13% que aquí en Costa Rica se aplica al IVA.
Mi formulario es el siguiente:
<table align="center">
<tr>
<td colspan="2"><b>Datos del Artículo:</b></td>
</tr>
<tr>
<td>Código UPC:</td>
<td><input type="text" name="upc" placeholder="7441053000000" title="Código de Barras" onkeypress="return justNumbers(event);" size="25" /></td>
</tr>
<tr>
<td>Nombre del Producto:</td>
<td><input type="text" name="nomprod" size="25" title="Nombre del Producto" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();" /></td>
</tr>
<tr>
<td>Descripción:</td>
<td><textarea rows="3" cols="20" name="descripcion" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();"></textarea></td>
</tr>
<tr>
<td>Código Especial:</td>
<td><select name="codesp">
<option selected="selected" value="">Seleccione una opción...</option>
<option title="V-Ingresos por Ventas de bienes y servicios" value="V-Ingresos por Ventas de bienes y servicios">V-Ingresos por Ventas de bienes y servicios</option>
<option title="SP-Ingresos por Servicios Profesionales" value="SP-Ingresos por Servicios Profesionales">SP-Ingresos por Servicios Profesionales</option>
<option title="A-Ingresos por Alquileres" value="A-Ingresos por Alquileres">A-Ingresos por Alquileres</option>
<option title="I-Ingesos por Intereses" value="I-Ingesos por Intereses">I-Ingesos por Intereses</option>
<option title="M-Ingresos por Comisiones de todo tipo" value="M-Ingresos por Comisiones de todo tipo">M-Ingresos por Comisiones de todo tipo</option>
</select></td>
</tr>
<tr>
<td>Unidad de Medida:</td>
<td><select name="unidadmedida">
<option selected="selected" value="">Seleccione una opción...</option>
<option title="Unidad - Unid" value="Unidad - Unid">Unidad - Unid</option>
<option title="Gramo - g" value="Gramo - g">Gramo - g</option>
<option title="Kilogramo - kg" value="Kilogramo - kg">Kilogramo - kg</option>
<option title="Litro - L" value="Litro - L">Litro - L</option>
<option title="Mililitro - mL" value="Mililitro - mL">Mililitro - mL</option>
</select></td>
</tr>
<tr>
<td>Tipo de Producto:</td>
<td><select name="tipoprod">
<option selected="selected" value="">Seleccione una opción...</option>
<option title="Abarrotes" value="Abarrotes">Abarrotes</option>
<option title="Pan Konig" value="Pan Konig">Pan Konig</option>
</select></td>
</tr>
<tr>
<td>Precio sin impuestos:</td>
<td><input type="text" id="precio" class="amt" name="precio" size="25" title="Precio sin Impuestos" onkeypress="return justNumbers(event);" /></td>
</tr>
<tr>
<td>Gravamen:</td>
<td><select name="gravamen" id="gravamen" onchange="impuestos(); suma();">
<option selected="selected" value="">Seleccione una opción...</option>
<option title="No paga impuestos" value="Exento">Exento</option>
<option title="Sí paga impuestos" value="Gravado">Gravado</option>
</select></td>
</tr>
<tr><input type="hidden" id="resultado" name="resultado" class="amt" />
<td>Precio Final:</td>
<td><input type="text" id="preciofinal" name="preciofinal" size="25" title="Precio con Impuestos" readonly="readonly" /></td>
</tr>
<tr>
<td align="center"><input type="reset" title="Limpiar" value="Limpiar" /></td>
<td align="center"><input type="submit" title="Guardar Producto" value="Guardar" /></td>
</tr>
Como verán tengo varios SELECT, pues en el SELECT llamado "gravamen" es donde quiero que se ejecute la magia. Tengo 2 Option, una llamada 'exento' y otra llamada 'gravamen'.
Lo que quiero es que al momento de seleccionar por ejemplo 'exento' no me modifique el valor, pues está exento de IVA. El valor ya llega por medio de un input tipo hidden y una función de suma de class por JS al input llamado Precio Final.
El problema es que no se me da como formular un IF en JS para que sólo si se escoge 'gravado' ejecute la multiplicación del value por 0.13. Al intentarlo me lo marca como NaN en el value del hidden.
El ejemplo en concreto sería este:
function justNumbers(e)
{
var keynum = window.event ? window.event.keyCode : e.which;
if ((keynum == 8) || (keynum == 46))
return true;
return /\d/.test(String.fromCharCode(keynum));
}
//Esta es la funcion para el SELECT, donde quiero que solo se ejecute en el Option Gravado
function impuestos(){
i = document.getElementById("precio").value;
r = i*0.13;
document.getElementById("resultado").value = r;
}
//Esta es la funcion que suma el input del precio sin iva mas el resultado de la multiplicacion del select
function suma() {
var add = 0;
$('.amt').each(function() {
if (!isNaN($(this).val())) {
add += Number($(this).val());
}
});
$('#preciofinal').val(add);
};
.boo{font-family:Century Gothic;}
<table>
<tr>
<td>Precio sin impuestos:</td>
<td><input type="text" id="precio" class="amt" name="precio" size="25" title="Precio sin Impuestos" onkeypress="return justNumbers(event);" /></td>
</tr>
<tr>
<td>Gravamen:</td>
<td><select name="gravamen" id="gravamen" onchange="impuestos(); suma();">
<option selected="selected" value="">Seleccione una opción...</option>
<option title="No paga impuestos" value="Exento">Exento</option>
<option title="Sí paga impuestos" value="Gravado">Gravado</option>
</select></td>
</tr>
<tr><input type="hidden" id="resultado" name="resultado" class="amt" />
<td>Precio Final:</td>
<td><input type="text" id="preciofinal" name="preciofinal" size="25" title="Precio con Impuestos" readonly="readonly" /></td>
</tr>
</table>