Script con botones radio

[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;
   }