Poner o quitar class según input radio seleccionado.

[julidiablo]

Hola,

Es la primera vez que utilizo JavaScript, y traté de hacerlo leyendo un poco por google. Lo que estoy intentando hacer es lo siguiente. Supongamos que tenemos 3 input de tipo radio en 3 div diferentes, con nombre "c_f1_pX" la X va cambiando (pongo 3 no más, pero en mi código completo son varios, 15 aproximadamente). Y cada uno de los div contiene un input, que al hacer click le debe cambiar el class al div que lo contiene.

HTML:

Código HTML:

<div id="c_f1_p1" >
    <input name="r_f1" type="radio"  onClick="cambiarClass('c_f1_p1')"/>
</div>
<div id="c_f1_p2">
    <input name="r_f1" type="radio"  onClick="cambiarClass('c_f1_p2')"/>
</div>
<div id="c_f1_p3">
    <input name="r_f1" type="radio" onClick="cambiarClass('c_f1_p3')"/>
</div>
 

JS

Código Javascript:

function cambiarClass(id)
{
    var i
    for(i = 1; 1 < 3; i++)
    {
        if("c_f1_p" + i == id)
        {
            document.getElementById(id).className = 'bonus';
        }
        else
        {
            document.getElementById(id).className = '';
        }
    }
}
 

El código seguramente esté mal, ya que no se mucho de JavaScript, nada prácticamente, pero lo intenté al menos xD. ¿Cuál puede ser el error?

Puse el código que resive el navegador, ya que el id del div lo coloco a través de php.
Gracias por leer, si necesitan alguna aclaración o algo diganme .