Como obter vários valores de caixa de seleção do formulário HTML
Caixas de seleção são elementos de entrada booleanos. Com a ajuda das caixas de seleção, você pode escolher o maior número possível de opções na lista de dados disponíveis. Como resultado, você pode obter vários valores do formulário HTML para mostrar na página da web depois de enviar um formulário. Para esse fim, as funções do jQuery são utilizadas.
Esta posta.
Como obter vários valores de caixa de seleção do formulário HTML?
Para obter vários valores da caixa de seleção de um formulário HTML, primeiro, crie um formulário e especifique a entrada “tipo" como "Caixa de seleção”. Depois disso, o jQuery “validateForm”Function () é utilizado, isso fará com que o formulário seja submetido.
Para fazer isso, siga o procedimento declarado abaixo.
Etapa 1: projete um formulário
Primeiro, projete um formulário com a ajuda do “" elemento. Em seguida, adicione os seguintes atributos dentro da etiqueta de abertura:
- O html “nome”Especifica um nome para um elemento. Ao fazer referência ao elemento em JavaScript, esse atributo de nome também pode ser utilizado.
- ““OnSubmit”É um evento HTML acionado quando um formulário é enviado.
Etapa 2: Adicionar cabeçalho
Em seguida, adicione um título dentro do formulário com a ajuda do “ Etapa 3: Crie caixas de seleção Depois disso, utilize o “”Elemento e especifique o tipo como“Caixa de seleção”Para criar caixas de seleção no formulário. Além disso, adicione um “valor”Atributo que especifica o valor para um“" elemento. O atributo de valor é usado de maneira diferente para diferentes tipos de entrada. Etapa 4: Crie o botão Agora, faça um elemento de botão no formulário com a ajuda de ““”E especifique o tipo como“enviar”. Em seguida, incorpore o texto a ser exibido no botão: Saída Etapa 5: Defina a função JavaScript No "”Elemento, especificaremos o seguinte código: No trecho acima mencionado: Isso se trata de obter os vários valores da caixa de seleção do formulário HTML. Conclusão Para obter os múltiplos valores da caixa de seleção do formulário HTML, o jQuery “validateForm”Function () é utilizado, o que acionará o envio do formulário. Além disso, inicialize a variável que armazena os itens selecionados resultados usando o “mapa()”Função. Então, "documento.getElementById ().Innerhtml”Retornará o elemento HTML como um objeto JavaScript que possui a propriedade predefinida Innerhtml. Este tutorial demonstrou o método para obter os valores da caixa de seleção do formulário HTML.