Os elementos HTML podem ter atributos opcionais name. Por exemplo, os seguintes botões de opção possuem nameatributos com o valor size:
<input type="radio" name="size" value="S"> S
<input type="radio" name="size" value="M"> M
<input type="radio" name="size" value="L"> L
<input type="radio" name="size" value="XL"> XL
<input type="radio" name="size" value="XXL"> XXLLinguagem de código: HTML, XML ( xml )Para selecionar elementos pelo nameatributo, você usa o getElementsByName()método.
O exemplo a seguir usa o getElementsByName()método para selecionar o botão de opção e retorna a lista de valores:
let elems = document.getElementsByName('size');
let sizes = [].map.call(elems,elem => elem.value);
console.log(sizes);Linguagem de código: JavaScript ( javascript )Saída:
["S", "M", "L", "XL", "XXL"]Linguagem de código: JSON/JSON com comentários ( json )Como funciona:
- Primeiro, selecione os botões de opção por nome usando o
getElementsByName()método. - Em seguida, transforme os valores dos botões de opção selecionados em um array. O objeto retornado de getElementsByName() é um NodeList, que é um objeto semelhante a um array, não um objeto Array. Portanto, tomamos emprestado o
map()método doArrayobjeto usando ocall()método.
