Enlaces que se abren al seleccionar una casilla

Con este singular truco vamos a poder poner un lista de enlaces que se abrirán al momento del usuario hacer clic en alguna casilla

• Página principal
• Probador de códigos
• Contacto
• Enlázanos

El código que tenemos que utilizar es este

<form>
<ul>
<li style="background-image:none;">
<input value="ON" onclick="window.location='URL del enlace 1'; return true;" type="checkbox" />Título del enlace 1
</li>

<li style="background-image:none;">
<input value="ON" onclick="window.location='URL del enlace 2'; return true;" type="checkbox" />Título del enlace 2
</li>

<li style="background-image:none;">
<input value="ON" onclick="window.location='URL del enlace 3'; return true;" type="checkbox" />Título del enlace 3
</li>

<li style="background-image:none;">
<input value="ON" onclick="window.location='URL del enlace 4'; return true;" type="checkbox" />Título del enlace 4
</li>
</ul>
</form>

Lo que está en rojo lo cambias por tus enlaces y lo que está en azul por los títulos.


Puedes agregarle color a los enlaces poniendo 

<span style="color: blue;">

antes de dónde comienza el texto en azul y cuando termine tienes que agregarle

</span>