مشكلة في radio html

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

3 Likes

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

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

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

2 Likes

سويت ال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>
2 Likes

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

1 Like