[SOLUCIONADO] Script con botones radio

[javiermonterosanz]

Hola buenas soy nuevo en el foro y queria postear una duda con un formulario de radiobuttons que estoy haciendo.

La idea es que segun selecciones los radio buttons ponga un precio diferente

Pongo el codigo para que me ayudeis.

Javascript.

Código:

function control()
        {
            var value1=0;
            var value2=0;
            var value3=0;
            var value4=0;
            
            // obtenemos el primer valor de los radio button con el nombre "P1"
            var oRadio1 = document.forms[0].elements["p1"];
            // recorremos todos los valores hasta encontrar el seleccionado
            for(var i = 0; i < oRadio1.length; i++)
            {
                if(oRadio1[i].checked)
                {
                    value1=oRadio1[i].value;
                    break;
                }
            }
            
            // obtenemos el segundo valor de los radio button con el nombre "p2"
            var oRadio2 = document.forms[0].elements["p2"];
            for(var i = 0; i < oRadio2.length; i++)
            {
                if(oRadio2[i].checked)
                {
                    value2=oRadio2[i].value;
                    break;
                }
            }

            // obtenemos el tercer valos de los radio button con el nombre "p3"
            var oRadio3 = document.forms[0].elements["p3"];
            for(var i = 0; i < oRadio2.length; i++)
            {
                if(oRadio2[i].checked)
                {
                    value3=oRadio3[i].value;
                    break;
                }
            }

            var oRadio4 = document.forms[0].elements["p4"];
            for(var i = 0; i < oRadio2.length; i++)
            {
                if(oRadio4[i].checked)
                {
                    value4=oRadio4[i].value;
                    break;
                }
            }
            if(value1=="1"&&value2=="1"&&value3=="1"&&value4=="1"){

                document.getElementById('precio').innerHTML = '40' + '€';
                return false;
            }
            if(value1=="1"&&value2=="1"&&value3=="2"&&value4=="2"){

                document.getElementById('precio').innerHTML = '44' + '€';
                return false;
            }
            else if(value1=="2"&&value2=="2"&&value3=="2"&&value4=="2")
            {
                document.getElementById('precio').innerHTML = '50' + '€';
            }
        }

HTML.

Código HTML:

<form method="post" name="form1">
				<div class="configurable">
				
							<input type="radio" name="p1" value="1" onChange='control()' />

								<label>1000</label>

							<input type="radio" name="p1" value="2" onChange='control()' />

							    <label>2500</label>

							<input type="radio" name="p1" value="3" onChange='control()' />

							    <label>5000</label>

						</p>
					</div>
				</div>

				
						<p>
							<input type="radio" name="p2" value="1" onChange='control()' />

								<label>Blanco/Negro</label>

							<input type="radio" name="p2" value="2" onChange='control()' />
							          		
							    <label>Color</label>

						</p>
					</div>
				</div>....

Si la condicion es que si p1,p2,p3,p4 son todos ("1") funciona. Pero cuando digo que si p1=="1" p2=="1" p3=="2" p4=="2" no funciona.

[bathorz]

Prueba esto, a ver si te da una idea.

Código HTML:

<div class="configurable" >
      <input type="radio" name="p1" value="1" onChange='control(this.value);' />
      <label>p1 v1 1000</label>
      <input type="radio" name="p1" value="2" onChange='control(this.value);' />
      <label>p1 v2 2500</label>
      <input type="radio" name="p1" value="3" onChange='control(this.value);' />
      <label>p1 v3 5000</label>
      </p>
   </div>
   <div>
      <p>
         <input type="radio" name="p2" value="1" onChange='control(this.value)' />
         <label>p2 v1 Blanco/Negro</label>
         <input type="radio" name="p2" value="2" onChange='control(this.value)' />
         <label>p2 v2 Color</label>
      </p>
   </div>
 

Código Javascript:

function echo(valor) {
   document.write(valor);
}
 
function control() {
   var value1 = 0;
   var value2 = 0;
   // obtenemos el primer valor de los radio button con el nombre "P1"
   var oRadio1 = document.getElementsByName('p1');
   for (i = 0; i < oRadio1.length; i++) {
      if (oRadio1[i].checked) {
         value1 = oRadio1[i].value;
         break;
      }
   }
 
   // obtenemos el segundo valor de los radio button con el nombre "p2"
   var oRadio2 = document.getElementsByName('p2');
   for (var i = 0; i < oRadio2.length; i++) {
      if (oRadio2[i].checked) {
         value2 = oRadio2[i].value;
         break;
      }
   }
 
   switch (true) {
      case (value1 == "1" && value2 == "1"):
         echo('11');
         break;
      case (value1 == "2" && value2 == "1"):
         echo('21');
         break;
      case (value1 == "3" && value2 == "1"):
         echo('31');
         break;
      case (value1 == "1" && value2 == "2"):
         echo('12');
         break;
      case (value1 == "2" && value2 == "2"):
         echo('22');
         break;
      case (value1 == "3" && value2 == "2"):
         echo('32');
         break;
   }
 

[javiermonterosanz]

Gracias bathorz era justo lo que necesitaba.

Un saludo.

P.D: Falta una ultima llave por cerrar en el script de bathorz.

[egom]

El mismo ejemplo en jquery¿? estoy intentando coger el valor de varios select y segun el option que aparezca un resultado.

Que es lo que falla? Gracias.

Código:

$('#p1').change(function(){
    var $selectedOption = $(this).find('option:selected');
    var selectedValue = $selectedOption.val();
    var value1 = selectedValue;

$('#p2').change(function(){
    var $selectedOption = $(this).find('option:selected');
    var selectedValue = $selectedOption.val();
    var value2 = selectedValue;


$('#p3').change(function(){
    var $selectedOption = $(this).find('option:selected');
    var selectedValue = $selectedOption.val();
    var value3 = selectedValue;


$('#p4').change(function(){
    var $selectedOption = $(this).find('option:selected');
    var selectedValue = $selectedOption.val();
    var value4 = selectedValue;

    switch (true) {
        //
          case (value1 == "1" && value2 == "1" && value3 == "1" && value4 == "1"):
             $('#resultado').text('ESTE ES EL RESULTADO 1-1-1-1')
             break;
});

});

});

});