Tengo un radio button que esta dentro de una celda de una tabla, dicho radio button cuando le doy click debería ejecutar una función, el problema que tengo es que no ejecuta la función cuando le doy un click, sino cuando dos click, es decir; tengo que darle dos click al radio button para que se pueda ejecutar la función.
function mostrarcumple0(){
var checks = document.getElementsByClassName("cumple0");
var checksnone = document.getElementsByClassName("cumplep0")
for(var i=0; i<checks.length; i++){
if(checks[i].style.display=="none"){
checks[i].style.display="block";
}else{
checks[i].style.display="none";
}
}
for(var j=0; j<checksnone.length; j++){
if(checksnone[j].style.display=="block"){
checksnone[j].style.display="none";
checksnone[j].checked=false;
}
}
}
<td width="47">
<div class="container">
<input ng-if="$index==0" type="radio" id="radioNoC_@{{$index}}" onclick="mostrarcumple0()" name="estado_@{{$index}}" value="noCumple" ng-model="variable.noCSeleccionado">
</div>
</td>
Gracias por su ayuda.