Poner o quitar class según input radio seleccionado.

[Dradi7]

Mira podrías optimizar tu código haciendo lo siguiente, motivos crear los eventos dentro del HTML ensucia el código en tal, luego que pasaría si tuvieras mas radio button entonces seria un fastidio estar quitando o incrementando el valor total, acá te dejo una solución bastante razonable.

Supongamos que puedan ser mas:

Código HTML:

<div id="c_f1_p1" >
<input name="r_f1" type="radio" />A
</div>
<div id="c_f1_p2">
<input name="r_f1" type="radio" />A
</div>
<div id="c_f1_p3">
<input name="r_f1" type="radio" />A
</div>
 
<div id="c_f2_p1" >
<input name="r_f1" type="radio" />A
</div>
<div id="c_f2_p2">
<input name="r_f1" type="radio" />A
</div>
<div id="c_f2_p3">
<input name="r_f1" type="radio"/>A
</div>
 

El JavaScript:

Código Javascript:

window.onload= function(){
    var ele = document.getElementsByName("r_f1")
    for(var x=0;ele[x];x++){
        if(window.attachEvent){
            ele[x].attachEvent("onclick",cambiar);
        }else{
            ele[x].addEventListener("click",cambiar);            
        }
    }
};
 
function cambiar(){
    var ele = document.getElementsByName("r_f1");
    var pid = this.parentNode.id;
    var pidf = pid.indexOf("f1") == -1 ? "f2" : "f1";
    for(var x=0;ele[x];x++){
        var _pid = ele[x].parentNode;
        var _pidf = _pid.id.indexOf("f1") == -1 ? "f2" : "f1";
        if(pidf === _pidf){
    console.log('dentro');
            _pid.className = _pid.id == pid ? 'bonus' : '';
        }
    }
    
}