hola amigos anteriormente realize una pregunta sobre algo similar pero insertanto imagen y utilizandon
checkbox ahora es usando radio
http://www.forosdelweb.com/f13/como-...ntbyid-561290/
<table>
<tr>
<td>
<div id="estadouser"> </div>
</td>
</tr>
</table>
<table width="235" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
Activo
</td>
<td width="31">
<input type="radio" name="estatususer" id="rad1" onclick="agregarstatus('rad1','Activo')" style="cursor:pointer;" value="1" />
</td>
</tr>
<tr>
<td>
Inactico
</td>
<td width="31">
<input type="radio" name="estatususer" id="rad2" onclick="agregarstatus('rad2','Inactico')" style="cursor:pointer;" value="2" />
</td>
</tr>
</table>
el problema es que no quita el div anterior al oprimiar otro radio
var actualradio
function agregarstatus(estID,txst)
{
if(actualradio!=null)
{
alert(actualradio);
quitarstatus(estID);
}
actualradio=estID;
var capastatus=document.createElement("div");
capastatus.id=estID;
capastatus.style.width="50px";
capastatus.style.height="10px";
capastatus.style.backgroundColor="rgb(204, 204, 204)";
var textocapa = document.createTextNode(txst);
capastatus.appendChild(textocapa);
var divzona = document.getElementById('estadouser');
divzona.appendChild(capastatus);
}
function quitarstatus(id)
{
nodost=document.getElementById(id);
nodost.parentNode.removeChild(nodost);
}
espero sus comentarios amigos
saludos