Como hago para ocultar los checkbox no selecionados?

[franjgg]

Hola amigos,

Vereis tengo este codigo que al marcar dos checbox muestra y ocultar dos text la cosa es que necesitaria que los demas checkbox que no han dido marcados se oculten al pulsar dos de ellos.

Este es el codigo:

Código HTML:

<script>
//Número máximo de casillas marcadas por cada fila
var maxi=1;
var maxii=2;
 
//El contador es un arrayo de forma que cada posición del array es una linea del formulario
var contador=new Array(0,0);
 
function validar(check,grupo) {
    //Compruebo si la casilla está marcada
    if (check.checked==true){
        //está marcada, entonces aumento en uno el contador del grupo
        contador[grupo]++;
        //compruebo si el contador ha llegado al maximo permitido
        if (contador[grupo]>maxi) {
            //si ha llegado al máximo, muestro mensaje de error
        document.getElementById("content").style.display= 'block';
        document.getElementById("content1").style.display= 'block';        
 
            //alert('No se pueden elegir más de '+maxi+' casillas a la vez.');
            //desmarco la casilla, porque no se puede permitir marcar
            //check.checked=false;
            //resto una unidad al contador de grupo, porque he desmarcado una casilla
            //contador[grupo]--;
        }else{
        document.getElementById("content").style.display= 'none';
 
        }
    }
 
    if (check.checked==false){
 
        contador[grupo]--;
 
            if (contador[grupo]<maxii) {
 
                    document.getElementById("content").style.display= 'none';
                    document.getElementById("content1").style.display= 'none';
                }
    }
}
</script>
<form action="" method="post" enctype="multipart/form-data" name="formulario" id="formulario">
<table width="76">
    <td width='20' valign='top'><input type='checkbox' onclick='validar(formulario.checkbox1,0)' name='checkbox1' value='checkbox1'></td>
    <td width='20' valign='top'><input type='checkbox' onclick='validar(formulario.checkbox2,0)' name='checkbox2' value='checkbox2'></td>
    <td width='20' valign='top'><input type='checkbox' onclick='validar(formulario.checkbox3,0)' name='checkbox3' value='checkbox3'></td>
    <td width='20' valign='top'><input type='checkbox' onclick='validar(formulario.checkbox4,0)' name='checkbox4' value='checkbox3'></td>
    <td width='20' valign='top'><input type='checkbox' onclick='validar(formulario.checkbox5,0)' name='checkbox5' value='checkbox3'></td>
    <td width='20' valign='top'><input type='checkbox' onclick='validar(formulario.checkbox6,0)' name='checkbox6' value='checkbox3'></td>
    <td width='20' valign='top'><input type='checkbox' onclick='validar(formulario.checkbox7,0)' name='checkbox7' value='checkbox3'></td>                
  </table>
</form>
 
 
<input type="text" id="content" name="" style="display: none;">
<input type="text" id="content1" name="" style="display: none;">
 

A ver si alguien se le ocurre como podria hacer esto


Saludos!!!