Sería más o menos esto...?
ver ejemplo
Código:
<html>
<head>
<title>Prueba</title>
<style>
body,TD,INPUT{font:bold 10px/12px verdana;color:black;}
#txt{border:solid 1px black;width:200px;}
</style>
<script language="JavaScript">
anadido="http://www."
function deshabilita(opcion){
if (opcion.checked){
contenido=document.formulario.txt.value;
contenido=contenido.toLowerCase()
contenido=anadido+contenido;
document.formulario.txt.style.background = "#e0e0e0";
document.formulario.txt.disabled = true;
document.formulario.txt.value=contenido;
}
else{formulario.txt.disabled = false;
document.formulario.txt.style.background = "#ffffff";
contenido=document.formulario.txt.value;
if(contenido.indexOf("http://www.")==0){contenido=contenido.substring(11)
document.formulario.txt.value=contenido}
}}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table><tr>
<form name="formulario">
<td>
<input type="checkbox" checked name="conectado" onclick="deshabilita(this)">Recomienda una página</td>
</tr>
<tr>
<td>
<input type="text" id="txt" name="txt" disabled ></td>
</tr>
</form>
</table>
</body>
</html>