checkbox tipo radio

oscartazzz · #1 (**permalink**) 11/09/2012, 17:16

Que tal amigos, tengo un problema como puedo hacer que un input tipo "checkbox" se comporte como un "radio", osea lo que quiero hacer es que solo se pueda seleccionar uno de los 4 checkbox, preferentemente lo quisiera hacer con una funcion en Javascript, se bien que se puede hacer con un "radio", pero lo necesito en tipo checkbox

Código HTML:

Ver original<html>
<head>
<title>Prueba de formulario</title>
</head>
<body>
<form action="/registrardatos.php" method="post">
Ingrese su nombre:
<input type="text" name="nombre" size="30"><br>
Seleccione los lenguajes que conoce:
<br>
<input type="checkbox" name="java">Java<br>
<input type="checkbox" name="cmasmas">C++<br>
<input type="checkbox" name="c">C<br>
<input type="checkbox" name="csharp">C#<br>
<input type="submit" value="Enviar">
</form>
</body>
</html>

Saludos

pablogalvan · #2 (**permalink**) 12/09/2012, 02:19

Mejor que andar programando con javascript yo te recomendaria cambiar la estética de los radio button con css, por ejemplo:

input{
border: 1px solid color;
}

En caso contrario tendrías que poner un evento onclick a cada checkbox, que llame a una funcion para que elimine el checked de los demas checkbox, algo tipo formulario.nombrecheckbox.checked=false; para el resto de checkbox

estrella2684 · #3 (**permalink**) 12/09/2012, 02:34

y si colocas algo asi..
<form action="/registrardatos.php" method="post">
Ingrese su nombre:
<input type="text" name="nombre" size="30"><br>
Seleccione los lenguajes que conoce:
<br>
<input type="checkbox" name="p" value="java">Java<br>
<input type="checkbox" name="p" value="c++">C++<br>
<input type="checkbox" name="p" value="c">C<br>
<input type="checkbox" name="p" value="c#">C#<br>
<input type="submit" value="Enviar">
</form>
y con algun validador como el de jquery o el gen validator/(http://www.javascript-coder.com/html-form/javascript-form-validation.phtml), validas que solo uno haya sido seleccionado.

oscartazzz · #4 (**permalink**) 12/09/2012, 11:51

Cita:

Iniciado por pablogalvan

Mejor que andar programando con javascript yo te recomendaria cambiar la estética de los radio button con css, por ejemplo:

input{
border: 1px solid color;
}

En caso contrario tendrías que poner un evento onclick a cada checkbox, que llame a una funcion para que elimine el checked de los demas checkbox, algo tipo formulario.nombrecheckbox.checked=false; para el resto de checkbox

Si, de hecho lo quiero con una funcion mandada a traer mediante un evento, pero no se como realizar dicha funcion, podrias indicarme algun ejemplo?