Come ottenere più valori di casella di controllo dal modulo HTML
Le caselle di controllo sono elementi di input booleani. Con l'aiuto delle caselle di controllo, è possibile scegliere quante più opzioni possibili dall'elenco dei dati disponibili. Di conseguenza, è possibile ottenere più valori dal modulo HTML da mostrare sulla pagina Web dopo aver inviato un modulo. A tale scopo, vengono utilizzate le funzioni jQuery.
Questo post spiegherà i valori di controllo multipli dal modulo HTML.
Come ottenere più valori di casella di controllo dal modulo HTML?
Per ottenere più valori della casella di controllo da un modulo HTML, prima, crea un modulo e specifica l'input "tipo" COME "Casella di controllo". Dopodiché, il jQuery "ConvalidationForm"Function () viene utilizzato, questo causerà la presentazione del modulo.
Per fare ciò, seguire la procedura indicata seguente.
Passaggio 1: progettare una forma
Innanzitutto, progetta una forma con l'aiuto di ""Elemento. Quindi, aggiungi i seguenti attributi all'interno del tag di apertura:
- L'HTML "nome"Specifica un nome per un elemento. Quando si fa riferimento all'elemento in JavaScript, questo attributo di nome può essere utilizzato anche.
- "Onsubmit"È un evento HTML attivato quando viene inviato un modulo.
Passaggio 2: aggiungi l'intestazione
Quindi, aggiungi un'intestazione all'interno della forma con l'aiuto di " Passaggio 3: creare caselle di controllo Dopodiché, utilizza il ""Elemento e specificare il tipo come"Casella di controllo"Per creare caselle di controllo nel modulo. Inoltre, aggiungi un "valore"Attributo che specifica il valore per un""Elemento. L'attributo del valore viene utilizzato in modo diverso per diversi tipi di input. Passaggio 4: Crea pulsante Ora, crea un elemento pulsante nella forma con l'aiuto di ""E specifica il tipo come"invia". Quindi, incorporare il testo da visualizzare sul pulsante: Produzione Passaggio 5: definisci la funzione JavaScript Nel ""Elemento, specificheremo il seguente codice: Nel frammento di cui sopra: Si tratta di ottenere i valori della casella di controllo multipli dal modulo HTML. Conclusione Per ottenere i valori della casella di controllo multipli dal modulo HTML, il jQuery "ConvalidationForm"Function () viene utilizzato, che attiverà l'invio del modulo. Inoltre, inizializza la variabile che memorizza i risultati degli elementi selezionati utilizzando "carta geografica()" funzione. Poi, "documento.getElementById ().Innerhtml"Restituirà l'elemento HTML come oggetto JavaScript che ha la proprietà predefinita InnerHTML. Questo tutorial ha dimostrato il metodo per ottenere i valori della casella di controllo dal modulo HTML.