الدرس 5 من 8
خيار واحد فقط
- 12 دقيقة
- 5 معايير للتصحيح
- 3 تلميحات
- إلى المطلوب
هدف الدرس
الاسم يصنع المجموعة
الشرح
أزرار radio لا تصير مجموعة بتجاورها، بل بشيء واحد: الاسم نفسه. أعطِ كل زرّ اسمًا مختلفًا فيصير كل واحد مستقلًّا، ويختار المستخدم الخيارات الثلاثة معًا.
و<fieldset> يجمعها في بنية الصفحة كما تجمعها العين، و<legend> في أوّله يعطيها سؤالها. قارئ الشاشة يعلنه عند دخول المجموعة، فيعرف المستخدم السؤال قبل أن يسمع «سريع».
وفخّ شائع: الزرّ بلا value قيمته "on"، فتصلك الإجابة نفسها أيًّا كان الاختيار. والقراءة بعدها سطر واحد: form.elements.shipping.value قيمة الزرّ المختار.
المطلوب
اجمع الخيارات في <fieldset> أوّله <legend>، واجعلها مجموعة واحدة باسم shipping وقيمها standard وexpress وpickup، واكتب قيمة المختار في #out عند كل تغيير.
معايير التصحيح
5 معايير- الخيارات داخل fieldset أوّله legend
- الأزرار الثلاثة باسم واحد
- لا يُختار إلا واحد في كل لحظة
- لكل خيار قيمته لا on
- قيمة المختار تُكتب في #out عند التغيير