Buenas noches estimados! Estoy intentando validar si se cumplen un par condiciones en jquery o javascript pero no logro resolverlo.
Tengo un par de select,y quiero que al cumplirse la condición de que ambos valores selecionados coincidan para aplicar una formula y capturarla en una variable, este es mi html
<div id="input1" class="">
<select name="formato" id="formato" class="form-control">
<optgroup label="Impresion a Color">
<option value='a'>Medio Pliego (90cm x 60cm)</option>
<option value='b'>A2 (22"x34")</option>
<option value='c'>Tabloide (11”x17”)</option>
</select>
<select name="cantidad" id="cantidad" class="form-control" >
<option value="">No. de copias...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
y esto es lo que tengo
function valores() {
if (document.addEventListener) {
var medioPliegoColor = 1.75;
var medioPliegoBN = 1.50;
var a2Color = 3.00;
var valormpColor;
if {
valormpColor = a2Color * 2;
}
if {
valormpColor = a2Color * 3;
}
alert(valormpColor);
}
}
valores();
En concreto mi duda es como expresar si se cumple la condiciones siguientes:
Si el valor de #formato es igual a 'a' y #cantidad es igual a "1"; entonces... valormpColor = medioPliegoColor * 1;
Si el valor de #formato es igual a 'a' y #cantidad es igual a "2"; entonces... valormpColor = medioPliegoColor * 2;
Y así asta cumplir las 9 condiciones. La lógica creo que la tengo, pero encontré problemas para expresar como deben compararse los campos para realizar la tarea.
Espero puedan ayudarme, estoy tratando de aprender y pues... ya batalle un buen rato :(
EDITO:
He logrado con la ayuda de ustedes subsanar esta parte del proyecto que estoy realizando, supongo que puede optimizarse el código, ya que aun me falta agregar info de ,as campos, ya que genero mas inputs dinámicamente.
Me ha quedado asi:
unction calcularPrecios() {
if (document.addEventListener) {
var medioPliegoColor = 1.75;
var a2Color = 1.00;
var medioPliegoBN = 1.50;
var a2BN = 0.70;
var tabloideColor = 0.50;
var tabloideBN = 0.35;
var valorArchivo1 = 0;
var valorArchivo2 = 0;
if (document.getElementById("formato").value === "Medio Pliego - Color") {
if (document.getElementById("cantidad").value === "1") {
var valorArchivo1 = medioPliegoColor * 1;
} else if (document.getElementById("cantidad").value === "2") {
var valorArchivo1 = medioPliegoColor * 2;
} else if(document.getElementById("cantidad").value === "3") {
var valorArchivo1 = medioPliegoColor * 3;
}
}
if (document.getElementById("formato").value === "Medio Pliego - B/N") {
if (document.getElementById("cantidad").value === "1") {
var valorArchivo1 = medioPliegoBN * 1;
} else if (document.getElementById("cantidad").value === "2") {
var valorArchivo1 = medioPliegoBN * 2;
} else if(document.getElementById("cantidad").value === "3") {
var valorArchivo1 = medioPliegoBN * 3;
}
}
if (document.getElementById("formato").value === "A2 - Color") {
if (document.getElementById("cantidad").value === "1") {
var valorArchivo1 = a2Color * 1;
} else if (document.getElementById("cantidad").value === "2") {
var valorArchivo1 = a2Color * 2;
} else if(document.getElementById("cantidad").value === "3") {
var valorArchivo1 = a2Color * 3;
}
}
if (document.getElementById("formato").value === "A2 - B/N") {
if (document.getElementById("cantidad").value === "1") {
var valorArchivo1 = a2BN * 1;
} else if (document.getElementById("cantidad").value === "2") {
var valorArchivo1 = a2BN * 2;
} else if(document.getElementById("cantidad").value === "3") {
var valorArchivo1 = a2BN * 3;
}
}
if (document.getElementById("formato").value === "Tabloide - Color") {
if (document.getElementById("cantidad").value === "1") {
var valorArchivo1 = tabloideColor * 1;
} else if (document.getElementById("cantidad").value === "2") {
var valorArchivo1 = tabloideColor * 2;
} else if(document.getElementById("cantidad").value === "3") {
var valorArchivo1 = tabloideColor * 3;
}
}
if (document.getElementById("formato").value === "Tabloide - B/N") {
if (document.getElementById("cantidad").value === "1") {
var valorArchivo1 = tabloideBN * 1;
} else if (document.getElementById("cantidad").value === "2") {
var valorArchivo1 = tabloideBN * 2;
} else if(document.getElementById("cantidad").value === "3") {
var valorArchivo1 = tabloideBN * 3;
}
}
if (document.getElementById("fileval2")) {
if (document.getElementById("formato2").value === "Medio Pliego - Color") {
if (document.getElementById("cantidad2").value === "1") {
var valorArchivo2 = medioPliegoColor * 1;
} else if (document.getElementById("cantidad2").value === "2") {
var valorArchivo2 = medioPliegoColor * 2;
} else if(document.getElementById("cantidad2").value === "3") {
var valorArchivo2 = medioPliegoColor * 3;
}
}
} // sigue asta finalizar...
pagoTotal = valorArchivo1 + valorArchivo2;
document.getElementById("total").value = eval(pagoTotal).toFixed(2);
}
}
Al final logré introducir el calculo en otro input con esta línea:
document.getElementById("total").value = eval(pagoTotal).toFixed(2);
Me queda el tema de agregarle funcionalidad a un checkbox que aumentará la suma en virtud de si estará seleccionado o no, parece que lo tengo pero si regreso a editar los campos estando seleccionado el checkbox este resta nuevamente la cantidad y respues me funciona a la inversa.
$('#panic').click(function(){
if($(this).is(':checked')){
document.getElementById("total").value = eval(Number(document.getElementById("total").value) + 5).toFixed(2);
} else {
document.getElementById("total").value = eval(Number(document.getElementById("total").value) - 5).toFixed(2);
}
});
Supongo que debo meterlo dentro de la funcion calcularPrecios y alguna condicional.
valorArchivo1
por ejemplo, el valor de la variablevalormpColor
que se calcula en la funcionvalores
de mi codigo, puesto que ella contiene cualquier posible resultado dinamicamente de todos esos if que estas haciendo, paravalorArchivo2
realmente no se si te refieres a otro select con un grupo deoptions
.valorArchivo1
usarias el otro select, por lo tanto cada uno tendria suonchange
(una version cambiada de mi funcion valores que tengo en mi respuesta), adaptada a el segundo select con sus respectivos option, seria algo parecido a copiar y editar.