そのため、画像に表示されているようにオブジェクトを表示するようにしましたが、2 番目のオブジェクトを選択すると、最初のオブジェクトがオフになり、2 番目のオブジェクトが選択されます。フォームのすぐ内側にボックス化された通常の入力を使用すると、JavaScript を必要とせずに自動的に行われます。とにかく、これを修正するには、コーディングに多くの時間を費やすので、オブジェクトが選択/チェックされ、選択解除/チェック解除されるたびに Javascript/JQuery で定義する必要はありません。
<style type="text/css">
div#container div {
display:inline-block;
margin:1.25%;}
div#circle {
width:40px;
height:40px;
border:1px dashed #000;
border-radius:50%;}
div#square {
width:40px;
height:40px;
border:1px dashed #000;}
</style>
<div id="container" align="center">
<form>
<div id="square"><br><br>
<input type="radio" name="squareselec" checked="true"></div>
<div id="circle"><br><br>
<input type="radio" name="circleselec"></div>
</form>
</div>