مشكلة في radio html

[moimad]

السلام عليكم
ممكن احد يساعدني في حل المشكلة الي حاليا تواجهني عندما اضغط على الراديو ما اكدر اغيرهه للخيار الثاني تبقى
على الخيار الي اختاريتو بالاول الي مافهم مشكلتي يشوف الكود ورح يفهمها
هذا الكود على codepin رفعته

radio

[asmaa_salih]

وعليكم السلام
الخطأ في هذا الجزء من الكود

<input type="radio" name="exampleRadios3" id="exampleRadios1" value="option3">
                                                    <label class="font-20" for="exampleRadios3">
                                                        موعد محدد
                                                    </label>

وذلك لان ال id لل input يختلف عن for في ال label الخاصه به والمفروض يكون لهم نفس القيمه

[moimad]

سويت الid نفس قيمة الfor بس صار الاثنين يتحددوو من اضغط عليهم

<div class="row justify-content-between align-items-center">
    <div class="col-5">
        <div class="form-check my-2">
            <input type="radio" name="exampleRadios23" id="exampleRadios2" value="option4">
            <label class="font-20" for="exampleRadios2">أسبقية الحضور</label>
        </div>
    </div>
    <div class="col-5">
        <div class="form-check my-2">
            <input type="radio" name="exampleRadios33" id="exampleRadios3" value="option3">
            <label class="font-20" for="exampleRadios3">موعد محدد</label>

[asmaa_salih]

اذا كان هدفك اختيار واحد فقط من الاثنين اجعل لهم نفس ال name

[mohmostafa]

سلام عليكم ورحمه الله

عندى نفس المشكله ومش فاهم فين الخطأ فى الكود
المشكله : كل الخيارات يتم التأشير عليها مش واحد فقط

windows

linux

mac


[mohmostafa]

windows

linux

mac