选择另一个选项时，删除单选按钮上的默认选中选项

Question

如果我在HTML中使用单选按钮并希望默认选项显示为已选中，我已经使用了“已选中”按钮。属性来实现这一目标。当我检查单选按钮上的另一个选项时，如何删除此默认选项。在下面的代码中，当您选中其他选项时，原始选项仍然存在，您无法取消选中任何内容？

在下面的选项中，fish选项是选中＆＃39;＆＃39;属性已添加。

https://codepen.io/pen/?editors=1010

HTML

<input type="radio" id="dog"name="dog"value="dog"><label for="dog">Dog</label>
<input type="radio"  id="cat" name="cat" value="cat"><label for="cat">Cat</label>
<input type="radio"  id="fish" name="fish" value="fish" checked><label for="fish">Fish</label>
<input type="submit">

Answer 1

  

您的表单单元格元素需要具有共享名称属性   是一种选择的选择。将名称更改为＆＃34; foo＆＃34;或＆＃34;动物＆＃34;和   它会起作用。

＆＃13;

＆＃13;

<div style="margin-bottom:15px;">All radio inputs require a shared name attribute, I declared it "choice"</div>

<form style="text-align:center">
<input type="radio" id="dog"name="choice"value="dog"><label for="dog">Dog</label>
<input type="radio"  id="cat" name="choice" value="cat" ><label for="cat" >Cat</label>
<input type="radio"  id="fish" name="choice" value="fish" checked="checked" ><label for="fish" >Fish</label>
<input type="submit">
</form>

＆＃13;

＆＃13;

＆＃13;