Hola, como se notara con el siguiente codigo, soy un novato en lo que refiere a javascript
Me gustaria saber como puedo hacer para optimizar/acortar este codigo:
Código:
function mostrarReferencia(){
if (document.imagenes.cantidad[1].selected) {
document.imagenes.imagen1.style.display = 'block';
}
else {
document.imagenes.imagen1.style.display = 'none';
}
if (document.imagenes.cantidad[2].selected) {
document.imagenes.imagen1.style.display = 'block';
document.imagenes.imagen2.style.display = 'block';
}
else {
document.imagenes.imagen2.style.display = 'none';
}
if (document.imagenes.cantidad[3].selected) {
document.imagenes.imagen1.style.display = 'block';
document.imagenes.imagen2.style.display = 'block';
document.imagenes.imagen3.style.display = 'block';
}
else {
document.imagenes.imagen3.style.display = 'none';
}
if (document.imagenes.cantidad[4].selected) {
document.imagenes.imagen1.style.display = 'block';
document.imagenes.imagen2.style.display = 'block';
document.imagenes.imagen3.style.display = 'block';
document.imagenes.imagen4.style.display = 'block';
}
else {
document.imagenes.imagen4.style.display = 'none';
}
if (document.imagenes.cantidad[5].selected) {
document.imagenes.imagen1.style.display = 'block';
document.imagenes.imagen2.style.display = 'block';
document.imagenes.imagen3.style.display = 'block';
document.imagenes.imagen4.style.display = 'block';
document.imagenes.imagen5.style.display = 'block';
}
else {
document.imagenes.imagen5.style.display = 'none';
}
if (document.imagenes.cantidad[6].selected) {
document.imagenes.imagen1.style.display = 'block';
document.imagenes.imagen2.style.display = 'block';
document.imagenes.imagen3.style.display = 'block';
document.imagenes.imagen4.style.display = 'block';
document.imagenes.imagen5.style.display = 'block';
document.imagenes.imagen6.style.display = 'block';
}
else {
document.imagenes.imagen6.style.display = 'none';
}
if (document.imagenes.cantidad[7].selected) {
document.imagenes.imagen1.style.display = 'block';
document.imagenes.imagen2.style.display = 'block';
document.imagenes.imagen3.style.display = 'block';
document.imagenes.imagen4.style.display = 'block';
document.imagenes.imagen5.style.display = 'block';
document.imagenes.imagen6.style.display = 'block';
document.imagenes.imagen7.style.display = 'block';
}
else {
document.imagenes.imagen7.style.display = 'none';
}
if (document.imagenes.cantidad[8].selected) {
document.imagenes.imagen1.style.display = 'block';
document.imagenes.imagen2.style.display = 'block';
document.imagenes.imagen3.style.display = 'block';
document.imagenes.imagen4.style.display = 'block';
document.imagenes.imagen5.style.display = 'block';
document.imagenes.imagen6.style.display = 'block';
document.imagenes.imagen7.style.display = 'block';
document.imagenes.imagen8.style.display = 'block';
}
else {
document.imagenes.imagen8.style.display = 'none';
}
if (document.imagenes.cantidad[9].selected) {
document.imagenes.imagen1.style.display = 'block';
document.imagenes.imagen2.style.display = 'block';
document.imagenes.imagen3.style.display = 'block';
document.imagenes.imagen4.style.display = 'block';
document.imagenes.imagen5.style.display = 'block';
document.imagenes.imagen6.style.display = 'block';
document.imagenes.imagen7.style.display = 'block';
document.imagenes.imagen8.style.display = 'block';
document.imagenes.imagen9.style.display = 'block';
}
else {
document.imagenes.imagen9.style.display = 'none';
}
}
Desde ya gracias