別のオプションが選択されているときにラジオボタンのデフォルトのチェック済みオプションを削除する

Question

HTMLでラジオボタンを使用していて、デフォルトオプションを選択して表示したい場合、これを達成するために 'checked'ラジオボタンの別のオプションをチェックすると、このデフォルトオプションが削除されます。下のコードでは、別のオプションをチェックすると、元のオプションが残り、何もチェックを外せませんか？

以下のオプションでは、fishオプションは 'checked'属性が追加されたものです。

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

フォームラジオ要素は、彼ら 一の選択のためのオプションがあるとして共有name属性を持っている必要があります。名前を「foo」または「animal」に変更し、 とすると動作します。

<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>