¿Hay alguna manera de usar Javascript y HTML (5) para seleccionar parcialmente, como las casillas de verificación en un menú de instalación del programa cuando selecciona solo algunas de las opciones secundarias?Casilla de verificación parcialmente seleccionada con javascript
Respuesta
HTML5 definesindeterminate
propiedad booleana.
Lo he probado solo en las últimas versiones de Safari, Chrome y Firefox. Todos apoyan el estado indeterminado.
Ejemplo: http://jsfiddle.net/5tpXc/
Editar: Tenga en cuenta que este no funcionará con navegadores más antiguos y quizá no con las versiones actuales de IE. Debería confiar en los hacks como se describe en otras respuestas aquí si desea admitir todos los navegadores.
¡Estupendo, no sabía nada de eso! – David
Tenía la esperanza de que hubiera algo html 5 que se encargara de esto, la figura html 4 no lo haría. Es para un programa de javascript que usaremos internamente, y la política de administración de la computadora de mi organización obliga a todos a tener Firefox (pero no a usarlo, solo tienen que tenerlo). De cualquier manera, es para el departamento de red, entonces yo ' No estoy preocupado por soportar IE. ¡Gracias por la ayuda! – AsherMaximum
Por cierto, abrí tu violín en IE9, y mostró el estado indeterminado correctamente – AsherMaximum
Nope. Tendría que hacer un gráfico de casilla de verificación personalizado y fingirlo.
Editar: Consulte el @Kassen's answer para ver las casillas parcialmente marcadas en los navegadores compatibles con HTML5.
Para los navegadores modernos esto no es cierto, ver [mi respuesta] (http://stackoverflow.com/questions/6269342/partially-select-checkbox-with-javascript/6269487#6269487). – kassens
* se come su propio sombrero * – BumbleB2na
Las casillas de verificación HTML (es decir, input
elementos del tipo checkbox
) no tienen un tercer estado (parcialmente marcado). Entonces no, no hay una forma directa de hacer esto.
Lo que probablemente tendrías que hacer es crear una imagen personalizada con una marca de verificación y enlazar a sus diversos eventos (hacer clic, por ejemplo) para almacenar su "estado" actual en un campo de formulario hidden
a través de JavaScript. Sin embargo, puede encontrarse con una serie de problemas con este enfoque.
Por ejemplo, la navegación por el teclado del formulario puede no ser posible para este elemento en particular. (¿Puede una pestaña para una imagen y enviar eventos del teclado? No estoy seguro.)
Además, podría intentar manipular atributos personalizados en un elemento de casilla de verificación a través de JavaScript para almacenar un tercer estado. Pero la representación del elemento en sí no tiene un indicador visual de algo así. Probablemente pueda manipular su estilo (color, color de fondo, color de borde, etc.) para intentar imitar el comportamiento visual. Pero es posible que no pueda alcanzar el estilo visual exacto que está utilizando como referencia.
Sin duda es una perspectiva interesante, y estoy lo suficientemente intrigado como para intentar implementar algo como esto en el futuro cercano. Pero con un elemento de casilla nativo, no es posible. Tiene solo dos estados.
Editar: Consulte @kassens' answer para hacer esto en HTML5. Si está limitado a versiones anteriores de HTML por algún motivo, entonces tendrá que ser un hack como se describe aquí. Pero si puedes confiar en los usuarios que soportan HTML5, parece que el soporte nativo está ahí.
- 1. Android Cómo saber qué casilla de verificación está seleccionada
- 2. casilla de verificación jquery o javascript oncheck?
- 3. Validación de casilla de verificación de JavaScript simple
- 4. Marque/Desmarque la casilla de verificación con JavaScript?
- 5. casilla de verificación ASP.NET con jQuery
- 6. Casilla de verificación Grails
- 7. Combobox con casilla de verificación en winforms
- 8. Preseleccionar casilla de verificación con rieles Simple_form
- 9. Android Casilla de verificación Grupo
- 10. ¿Crear la casilla de verificación dinámicamente usando JavaScript?
- 11. Javascript y solo una casilla de verificación - undefined
- 12. Cómo establecer la casilla de verificación seleccionada de manera predeterminada en Wix
- 13. Casilla de verificación en ExpandableListView
- 14. QT - casilla de verificación desmarque
- 15. jsTree Ocultar casilla de verificación
- 16. ¿Cómo marcar una casilla de verificación con jQuery?
- 17. Casilla de casilla de verificación DataGridView "seleccionar todo" rendimiento
- 18. obtener el valor casilla seleccionada en asp.net mvc
- 19. Marca de verificación en una casilla de verificación
- 20. JQuery La verificación de la casilla de verificación está marcada
- 21. Winforms Casilla de verificación Enfoque Problema si no se aplica texto en la casilla de verificación
- 22. Tamaño de casilla de verificación IE 9
- 23. casilla de verificación - notificación de cambio
- 24. Selector de contactos de Android con casilla de verificación
- 25. Problema de visibilidad de Android con la casilla de verificación
- 26. jQuery - Casilla de verificación de estilo, reemplace con la imagen
- 27. asp: UpdatePanel con un activador de casilla de verificación ASP.NET
- 28. Spinner con elementos de casilla de verificación, ¿es posible?
- 29. jqGrid con una columna de casilla de verificación editable
- 30. WPF: cuadro de mensaje con la casilla de verificación agregada
¿qué quiere decir exactamente por 'seleccionar parcialmente lo haría más claro. – Devjosh
@kassens answer hace exactamente de lo que estaba hablando. Seleccionar parcialmente significaba que en los menús de instalación del programa cuando solo seleccionaba algunas de las opciones secundarias, la casilla de verificación de la opción principal no estaba marcada o desmarcada, sino que simplemente estaba llena, lo que describiría como parcialmente seleccionado. – AsherMaximum