Ejecutar una condicion IF al marcar o desmarcar un checkbox

[unexes]

Buenos días a tod@s.

Primero pido disculpas por si el problema que planteo no es de este foro, si así fuera rogaria que lo cambiaran al foro adecuado, dicho esto expongo mi problema cuyo código he reducido al maximo con la finalidad de que sea mas claro.

Tengo un formulario con una serie de campos, los mismos tienen una ayuda que funciona perfectamente.

Código:

<form action="Enviar_FormularioPersonal.php" method="post">
  <div id="LabNombrePersonal" class="cabecerasformularioPersonal">Nombre :
    <input type="text" name="nombrepersonal" class="Contenido2forpersonal" maxlength="30"  size="20"/>&nbsp;<img src="images/Estrella.gif" width="10" height="7"><img style="vertical-align: bottom" src="images/ayuda1.png" alt="Ayuda" onmouseover="muestraAyudaArriba3(event, 'Nombre Personal')"></div>
// aquí resto de campos, etc...
<div id="BotonIngresarPersonal"><input type="submit" value="Ingresar"  class="BotonIngresarforpersonal"/>
</form>

Lo que quiero hacer es poner un checkbox en la misma página y que el usuario lo marque si quiere disponer de la ayuda o lo desmarque si no precisa de la ayuda o le es molesta, he probado algo así pero no me funciona.

Código:

<form action="Enviar_FormularioPersonal.php" method="post">
<input type="checkbox" name="activarayuda" value="1" />
 <?php
 if (("activarayuda") == '1')
 {
 ?>
  <div id="LabNombrePersonal" class="cabecerasformularioPersonal">Nombre :
    <input type="text" name="nombrepersonal" class="Contenido2forpersonal" maxlength="30"  size="20"/>&nbsp;<img src="images/Estrella.gif" width="10" height="7"><img style="vertical-align: bottom" src="images/ayuda1.png" alt="Ayuda" onmouseover="muestraAyudaArriba3(event, 'Nombre Personal')"></div>
// aquí resto de campos, etc...
   <?php 
   }else{
   ?>
  <div id="LabNombrePersonal" class="cabecerasformularioPersonal">Nombre :
    <input type="text" name="nombrepersonal" class="Contenido2forpersonal" maxlength="30"  size="20"/></div>
// aquí resto de campos, etc...
    <?php
    }
    ?>
     <div id="BotonIngresarPersonal"><input type="submit" value="Ingresar"  class="BotonIngresarforpersonal"/>
</form>

Por supuesto no funciona, necesito vuestra ayuda, he buscado por varios sitios y no he encontrado la forma de solucionarlo, espero que me podais ayudar.
Un saludo.

[ArturoGallegos]

por lo que veo la ayuda solo son imágenes, yo veo 3 opciones, la recomendada o al menos la que usaría para tu caso, seria usar javascript para agregar o remover elementos según la condicional.

otra opción en caso de que esta ayuda requiera cierto dinamismo y/o lo estés trayendo de una base de datos... es cargar nuevo contenido con ajax.

y por ultimo seria usando php en cuyo caso tendrías que enviar el formulario por post o get al cambiar la opción, de esa forma podrías capturar la opción seleccionada con $_POST O $_GET

[unexes]

Hola ArturoGallegos

Primero la ayuda no son solo imagenes es tambien texto, pero el problema no es ese ya que como comento funciona perfectamente, lo que preciso es que dependiendo de seleccionar o darle un valor a un checbox marcandolo me cumpla una condicion If/select.
Si el valor es '0' o false me presentas en el formulario esto y si es '1' o true me presentas esto otro, creo que el planteamiento es facil de entender, aunque yo no se como hacerlo funcionar

la segunda de tus opciones me podria valer ( lo de cargar el nuevo contenido con Ajax) no se como hacerlo porque no domino el ajax para nada, pero si me puedes ayudar con el código tan corto que he puesto no sabes como te estaria agradecido.

La tercera enviar el formulario para recoger en una variable por $_POST o $_GET el valor del checkbox no me vale ya que en ese caso para hacerlo ya el usuario habria rellenado el formulario completo y lo que preciso es que si el usuario precisa ayuda para rellenarlo solo marcando el checkbox tenga dicha ayuda para rellenar el formulario.

Bueno ArturoGallegos espero me puedas ayudar, creo que la segunda opción tuya es la que mas me gusta, pero no se hacerla.

Un saludo.

[Dalam]

mete el contenido de la ayuda en un div o cualquier etiqueta y ponle un id, luego con javascript chequeas el estado de la casilla y le cambias la propiedad display y esta listo. asi no tienes que enviar peticiones al server y tambien te evitas el if de php

[unexes]

Gracias Dalam

Asi es como lo voy a probar de momento, como cada ayuda esta dentro de su div, voy a duplicar todos los divs que son muchos (mas de 100 por formulario) unos con ayuda y los duplicados sin la ayuda y voy a probar con la propiedad display si puedo conseguir hacerlo.

Aunque esta forma de hacerlo no me parece la mas adecuada ni la mas elegante, pero ante la imposibilidad de poder hacerlo de otra manera, si nadie me da otra solución lo voy a intentar de esta forma.

Un saludo

[ArturoGallegos]

Meditando la opción de Dalam se me ocurrió que es mejor con puro CSS

Aquí te dejo un ejemplo rápido, ten en cuenta que es ilustrativo y yo solo afecto 1 elemento, pero no es una regla... tu puedes afectar a uno o muchos elementos en el mismo paso... analizalo y ve si te sirve.

Código HTML:

<label for="help1" class="help">?</label><input type="text" /><input type="checkbox" class="hide" id="help1" /><span>Aqui tienes un poco de ayuda</span>
 

Código CSS:

.help{display:inline-block;width:18px;height:18px;background:#333;color:#fff;border-radius:9px;text-align:center;cursor:pointer;margin:0 5px;}
input[type="checkbox"],input[type="checkbox"]+span{display:none;}
input[type="checkbox"]:checked+span{display:inline-block;}