Ver Mensaje Individual
  #2 (permalink)  
Antiguo 19/02/2015, 13:18
Avatar de GeekGirl
GeekGirl
 
Fecha de Ingreso: julio-2014
Mensajes: 423
Antigüedad: 9 años, 9 meses
Puntos: 44
Respuesta: Onclick en radio button

Podrías hacer algo así (te lo muestro con dos divs nomás pero creo que se entiende la idea):

Código HTML:
<form>
    <p>
        <label for="detalle" style="margin-left: 4px">Ver Detalles:</label>
        <input id="detalle" type="radio" name="rad" checked="checked" onclick="mostrarDetalle()" />
        <label for="asistencia" style="margin-left: 4px">Ver Asistencia:</label>
        <input id="asistencia" type="radio" name="rad" onclick="mostrarAsistencia()" />
    </p>
    <div id="mostrarDetalle">Mostrar detalle</div>
    <div id="mostrarAsistencia">Mostrar asistencia</div>
</form>
<script type="text/javascript">
  function mostrarDetalle() {
      document.getElementById("mostrarDetalle").style.display = 'block';
      document.getElementById("mostrarAsistencia").style.display ='none';
      document.getElementById("asistencia").checked = false;
      document.getElementById("detalle").checked = true;
  }  

  function mostrarAsistencia() {
      document.getElementById("mostrarAsistencia").style.display ='block';
      document.getElementById("mostrarDetalle").style.display = 'none';
      document.getElementById("asistencia").checked = true;
      document.getElementById("detalle").checked = false;
  }

  mostrarAsistencia();
</script> 
Y de paso al agregar el for a tus label, cliqueando sobre el nombre de los radiobutton también se seleccionan (es algo incómodo tener que cliquear solamente en el circulito que es muy chico).