[SOLUCIONADO] seleccionar solo un check box

[BlackJccl1]

Hola a todos verán tengo el siguiente problema tengo un grupo de checkbox de la siguiente manera

Código HTML:

<form id="" method="" action="">
          <div id="tabs-1">
            <h1>Grupo #1</h1>
            <ul>
              <li>
                <label>Considero una buena empresa</label>
                <input type="checkbox" id="check-1-1" name="check"/><br/>
                <label>Considero una empresa que le falta mucho</label>
                <input type="checkbox" id="cheack-1-2" name="check"/>
              </li>
              <li>                          
                <label>Tiene muchos problemas internos</label>
                <input type="checkbox" id="cheack-1-3" name="check"/><br/>
                <label>Le falta crecer mucho</label>
                <input type="checkbox" id="cheack-1-4" name="check"/>
              </li>
              <li>
                <label>Aun no mejora su administracion</label>
                <input type="checkbox"/><br/>
                <label>Esta mejorando la administracion</label>
                <input type="checkbox"/>
              </li>
              <li>
                <label>Le falta cambiar su estructura</label>
                <input type="checkbox"/><br/>
                <label>No es estable su estructura</label>
                <input type="checkbox"/>
              </li>
              <li>
                <label>Tiene problemas con la fiscalia</label>
                <input type="checkbox"/><br/>
                <label>Esta regularizando sus problemas</label>
                <input type="checkbox"/>
              </li>
            </ul>
          </div>
          <div id="tabs-2">
            <h1>Grupo #2</h1>
            <ul>
              <li>
                <label>Los Problemas son mas frecuentes</label>
                <input type="checkbox" id="cc"/><br/>
                <label>Pienso en las posibilidades</label>
                <input type="checkbox"/>
              </li>
              <li>                          
                <label>Aun no cambia su forma de trabajar</label>
                <input type="checkbox"/><br/>
                <label>Mejoraron su manera de trabajar</label>
                <input type="checkbox"/>
              </li>
              <li>
                <label>Sus procesos son malos</label>
                <input type="checkbox"/><br/>
                <label>Mejoraron sus procesos</label>
                <input type="checkbox"/>
              </li>
              <li>
                <label>Le falta personal</label>
                <input type="checkbox"/><br/>
                <label>Ya implementaron mas peronsal</label>
                <input type="checkbox"/>
              </li>
              <li>
                <label>Le falta mas infraestructura</label>
                <input type="checkbox"/><br/>
                <label>Estan implementando lo necesario</label>
                <input type="checkbox"/>
              </li>
            </ul>
          </div>
        </form>
 

bueno como veran es es un mini sistema de encuesta mi problema esta que solo quiero que se seleccione un checkbox por cada <li></li> y como ven lo tengo por tabs he visto que lo hacen con javascript y de antemano Gracias

[Alexis88]

Si quieres que se seleccione solo una opción, entonces, debes de usar elementos <input> de tipo radio los cuales deberán de tener el mismo valor para la propiedad name.

Saludos

[BlackJccl1]

Hola alexis gracias por responder pero por cada dos solo se tiene que seleccionar uno y como vez esta con tabs si uso radio butons en el primer tab solo se seleccionaría uno

[Alexis88]

Si los agrupas por nombres, podrás elegir una opción por cada grupo.

Saludos

[BlackJccl1]

Si alexis lo probre y si funciona asi lo que sucede es que el name lo voy ha usar como variable para mostrar la respuesta y mandarla a la bd ya que es una combinación unica para la respuesta

[Alexis88]

No sé si lo estarás haciendo como te lo indiqué, pero por si las dudas, a lo que me refiero es a esto:

Código HTML:

<form method = "post" action = "ejemplo.php">
    <div>
        <label>Pregunta 1</label>
        <input type = "radio" name = "preg1" value = "foo" /> Opción 1
        <input type = "radio" name = "preg1" value = "bar" /> Opción 2
    </div>
 
    <div>
        <label>Pregunta 2</label>
        <input type = "radio" name = "preg2" value = "foo" /> Opción 1
        <input type = "radio" name = "preg2" value = "bar" /> Opción 2
    </div>
 
    <div>
        <label>Pregunta 3</label>
        <input type = "radio" name = "preg3" value = "foo" /> Opción 1
        <input type = "radio" name = "preg3" value = "bar" /> Opción 2
    </div>
 
    <input type = "submit" />
</form>
 

Y en el archivo ejemplo.php:

Código PHP:

echo $_POST['preg1']; //Opción marcada para la primera pregunta
echo $_POST['preg2']; //Opción marcada para la segunda pregunta
echo $_POST['preg3']; //Opción marcada para la tercera pregunta
 

Saludos

[BlackJccl1]

si alexis haci lo estoy haciendo el problema esta en el que por ejemplo por el primer tab de preguntas hay una variable es decir por ejemplo si de la primer tab respondiste la prime opcion y de la segunda pregunta la segunda opcion esas tiene una variable por ejmeplo para el primer tab de preguntas e y i para el tab de preguntas s y n para el tercer tab t y f y por ultimo j y p la aplicación lo que hará es contar todas esta variables y así te dara una combinación que al final sera tu respuesta

[Alexis88]

Ya veo. En ese caso, cuando marques un checkbox, comprobarías con JavaScript que haya o no otro checkbox marcado dentro del mismo bloque.

A cada checkbox le añadirías esto:

Código HTML:

onchange = "comprobar(this)"
 

Y en la función:

Código Javascript:

function comprobar(checkbox){
    otro = checkbox.parentNode.querySelector("[type=checkbox]:not(#" + checkbox.id + ")");
 
    if (otro.checked){
        otro.checked = false;
    }
}
 

La función recibe al checkbox que acaba de ser marcado, luego, busca dentro del nodo que lo contiene (que en este caso es un <li>) a algún checkbox que no sea el que acaba de ser marcado (diferenciándolo por su id, por lo cual, todos los checkbox deberán de tener un id) y lo asigna a la variable otro. Finalmente, comprueba si el otro checkbox está marcado; de ser así, lo desmarca y —por ende— deja marcado al otro.

Saludos

[BlackJccl1]

Muchas Gracias!!!!!! Alexis tu respuesta funciona nuevamente me ayudaste al igual que la anterior vez con el datapicker de jquery