Botão de Rádio “Marcado = marcado” não mudando quando a opção mudou
Eu criei um formulário de botão de rádio básico 2 como visto no meu exemplo abaixo.
Observando a renderização do navegador, vemos o item 1 selecionado. Nós inspecionamos os itens 1 e 2.
Quando clico no item 2, espero que o item 1 marcado = selecionado seja removido. Espero que o item 2 receba o atributo checked = checked.
Este não é o comportamento esperado?
<div>
<span>Item 1</span>
<input type="radio" name="radio1" id="radio1" checked="checked" />
</div>
<div>
<span>Item 2</span>
<input type="radio" name="radio1" class="checkbox" id="radio2" />
</div>