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.