Controlar el estado seleccionado del cuadro de selección múltiple (entrada[tipo=casilla de verificación])

La entrada de casilla de verificación múltiple [tipo = casilla de verificación] también es una etiqueta HTML que se encuentra con frecuencia y su método para controlar el estado seleccionado a menudo es confuso (js y jquery se confunden). Así que ordénalo y deja una nota...

Aquí es fácil cometer un error: cuando configuramos el atributo marcado en la casilla de verificación en HTML, la casilla de verificación se seleccionará de forma predeterminada. Por ejemplo:

lt; input id="test" type="checkbox" name="vehicle" value="Car" checkgt

En la página representada en este momento, La prueba $ se seleccionará de forma predeterminada. Y si modifica (elimina o agrega) este valor en la consola, el estado seleccionado de la casilla de verificación también cambiará en consecuencia.

Muchas personas piensan que pueden controlar el estado seleccionado agregando el atributo marcado a la casilla de verificación. ¡Pero esto está mal!

¿Por qué está mal? Porque siempre que modifique el estado seleccionado de la casilla de verificación de cualquier manera en el proyecto (se puede hacer clic en él o modificarlo mediante js o jquery como se menciona en la primera sección), entonces el método para controlar el estado seleccionado agregando y eliminando ¡El atributo marcado es totalmente inútil!

Al final, marcar solo preselecciona elementos y no se puede utilizar para cambiar el estado de la casilla de verificación. Puede usarlo para configurar los elementos seleccionados predeterminados, pero para modificar los elementos seleccionados, utilice el método de la Sección 1.