Poner o quitar class según input radio seleccionado.

[PIRRUMAN]

bueno , si en todos los casos conoceras la cantidad de radio buttons de cada grupo, podrias mejorar tu funcion y utilziarala para N grupos de radio buton

function cambiarClass(idRecibido,idGrupo,CantidadGrupo)
{
var i;
for(i = 1; i <= CantidadGrupo; i++)
{
var mod = idGrupo + i;
if(mod == id)
{
document.getElementById(mod).className = 'bonus';
}
else
{
document.getElementById(mod).className = ''; // éste le quitaría el class a los c_f2 también.
}
}
}

donde :

idRecibido=el elemento al que ledieron click.
idGrupo= el nombre que comparten el grupo de radiobuttons
CantidadGrupo=la cantidad de radio buttons que comparten el idGrupo

function cambiarClass(idRecibido,idGrupo,CantidadGrupo)
{}

en tu primer caso lo llamarias asi:

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

en el segundo

<div id="c_f2_p1" >
<input name="r_f1" type="radio" onClick="cambiarClass('c_f2_p1','c_f2_p','3')"/>
</div>
<div id="c_f2_p2">
<input name="r_f1" type="radio" onClick="cambiarClass('c_f2_p2','c_f2_p','3')"/>
</div>