Maneiras diferentes de obter valor do botão de rádio em javascript
Maneiras diferentes de obter valor do botão de rádio em javascript
Para obter valor do botão de rádio em JavaScript, os seguintes métodos podem ser utilizados:
- ““getElementById ()" e "getElementsByName ()" métodos
- ““encontrar()”Método
- ““verificado" propriedade
Agora passaremos por cada uma das metodologias listadas uma por uma!
Método 1: Obtenha o valor do botão de rádio em JavaScript usando os métodos getElementById () e getElementsByName ()
O "getElementById ()”O método busca um elemento com um ID especificado e o“getElementsByName ()”Método acessa os elementos com o nome especificado em seu argumento. Esses métodos podem ser usados para obter o ID do botão dos atributos e o valor do nome para acessá -los e exibir seus valores.
Sintaxe
documento.getElementById (ElementId)Aqui, "ElementId”Está se referindo ao ID especificado do elemento adicionado.
documento.getElementsByName (nome)Na sintaxe acima, “nome”É o valor do nome do elemento.
O exemplo a seguir explicará claramente o conceito declarado.
Exemplo
No exemplo a seguir, incluiremos um título no “”Tag com uma quebra de linha da seguinte forma:
Agora, atribua o tipo de entrada como “rádioO botão de rádio e especificar seu ID, nome e valor:
Além disso, inclua um “rótulo”Para o tipo de entrada com um valor chamado“E-mail”:
Da mesma forma, repita as etapas discutidas para o “Telefone não." campo:
Depois disso, inclua um botão chamado “Enviar”Para obter o valor ao clicar:
Agora, busque o botão criado usando o “documento.getElementById ()”Método no arquivo JavaScript. Além disso, aplique um “ONCLICK”Evento para acessar uma função. Na função definida abaixo, acesse os dois tipos de entrada usando o “documento.getElementsByName ()”Método como o“nome”O atributo em ambos os tipos de entrada é o mesmo.
Finalmente, aplique um “para”Faça um loop e obtenha o valor do botão de rádio selecionado usando o“verificado”Propriedade e exiba -a na caixa de alerta:
documento.getElementById ('submeter').OnClick = function ()Value var = documento.getElementsByName ('contato');
para (Var Radio of Value)
if (rádio.verificado)
Alerta (rádio.valor);
A saída do programa acima resultará da seguinte maneira:
Método 2: Obtenha o valor do botão de rádio em JavaScript usando o método find ()
O "encontrar()”Método acessa o valor do primeiro elemento. Este método pode ser implementado para obter o valor do botão de rádio verificado, encontrando os atributos específicos com a ajuda do nome adicionado.
Sintaxe
Variedade.de (valor).encontre (rádio => rádio.verificado)Aqui, "de()”O método acessará o elemento especificado,“encontrar()”O método combinará com o valor do botão de rádio verificado e o valor resultante será retornado.
Veja o exemplo a seguir.
Exemplo
Para HTML, usaremos o mesmo código fornecido no método anterior. Em nosso arquivo JavaScript, buscaremos o ID do botão usando o “documento.getElementById ()”Método com um“ONCLICK”Evento acessando a função, que primeiro receberá os dois tipos de entrada com o mesmo atributo de nome“contato”Usando o“documento.getElementsByName ()”Método.
Por fim, aplique o “de()”Método para acessar o valor armazenado na variável chamada“valor", e a "encontrar()”O método receberá o estado verificado da entrada. Finalmente, o "valor”A propriedade retornará o valor do botão de rádio específico marcado como verificado:
documento.getElementById ('submeter').OnClick = function ()Value var = documento.getElementsByName ("Contact");
var selectValue = Array.de (valor).encontre (rádio => rádio.verificado);
Alerta (selectValue.valor);
Saída
Método 3: Obtenha o valor do botão de rádio em JavaScript usando a propriedade Checked ()
O "verificado”Propriedade retorna o estado verificado do tipo de entrada especificado. Este método pode ser aplicado para verificar a condição verificada para cada um dos botões de rádio e retornar o valor correspondente.
Sintaxe
checkboxObject.verificadoNa sintaxe dada, “checkboxObject”Refere -se ao objeto especificado a ser verificado.
Exemplo
Primeiro, adicione um “rótulo" usando "”Tag para especificar uma categoria específica seguida de uma quebra de linha em“
" marcação:
Em seguida, repita os procedimentos discutidos acima para especificar dois tipos de entrada como “rádio”E atribua os valores fornecidos seguidos por uma quebra de linha mostrada abaixo:
MachoFêmea
Além disso, inclua um tipo de entrada chamado “enviar”Para obter o valor do botão de rádio ao clicar. Um "ONCLICK”O evento também será adicionado para acessar a função especificada ao clicar em enviar:
Depois disso, declare uma função chamada “submitdata ()”E obtenha os elementos dos IDs especificados e armazene -os nas variáveis denominadas“pegar" e "get1”. Por fim, aplique uma condição de que se o botão de rádio se refere ao “Macho" ou "Fêmea”O gênero é acessado, o“verificado”Propriedade vai verificar e a“valor”A propriedade buscará o valor correspondente em cada um dos botões de rádio verificados:
funçõesbmitdata ()get = document.getElementById ("gênero")
get1 = documento.getElementById ("genderfem")
se (obtenha.verificado == true)
Alerta (documento.getElementById ("gênero").valor);
elseif (get1.verificado == true)
Alerta (documento.getElementById ("genderfem").valor);
Saída
Compilamos maneiras diferentes de obter valor de um botão de rádio em JavaScript.
Conclusão
Para obter valor do botão de rádio em JavaScript, aplique o “getElementById ()" e "getElementsByName ()”Métodos para acessar os atributos ao mesmo tempo e exibir seus valores correspondentes, ou“encontrar()”Método para verificar os botões de rádio, encontrando os atributos especificados com base em seus nomes definidos ou“verificado”Método da propriedade para aplicar uma condição para cada um dos atributos e obter seu valor. Este blog é guiado relacionado ao procedimento de obter valor do botão de rádio em JavaScript.