Propriedade checked do Input Radio

Objeto Radio do DOM HTML Input

Definição e uso

checked Define ou retorna o estado de seleção do botão de rádio.

Esta propriedade reflete a propriedade checked do HTML.

Veja também:

Manual HTML:Propriedade checked do <input> do HTML

Exemplo

Exemplo 1

Marcar e desmarcar o botão de rádio especificado:

function check() {
  document.getElementById("red").checked = true;
}
function uncheck() {
  document.getElementById("red").checked = false;
}

Experimente você mesmo

Exemplo 2

Verifique se o botão de rádio está selecionado:

var x = document.getElementById("myRadio").checked;

Experimente você mesmo

Exemplo 3

Use botões de rádio para converter o texto do campo de entrada para maiúsculas:

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();

Experimente você mesmo

Exemplo 4

Botões de rádio no formulário:

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
  if (coffee[i].checked) {
    txt = txt + coffee[i].value + " ";
  }
}
document.getElementById("order").value = "Você pediu café com: " + txt;

Experimente você mesmo

Sintaxe

Retornar a propriedade checked:

radioObject.checked

Definir a propriedade checked:

radioObject.checked = true|false

Valor do atributo

Valor Descrição
verdadeiro|falso

Especifica se o botão de opção deve estar selecionado.

  • verdadeiro - o botão de opção está selecionado
  • falso - padrão. O botão de opção não está selecionado

Detalhes técnicos

Valor retornado: Valor booleano, retornado se o botão de opção estiver selecionado verdadeiro; caso contrário, retorne falso.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Objeto Radio do DOM HTML Input