الدرس 5 من 8

خيار واحد فقط

هدف الدرس

الاسم يصنع المجموعة

01

الشرح

أزرار radio لا تصير مجموعة بتجاورها، بل بشيء واحد: الاسم نفسه. أعطِ كل زرّ اسمًا مختلفًا فيصير كل واحد مستقلًّا، ويختار المستخدم الخيارات الثلاثة معًا.

و<fieldset> يجمعها في بنية الصفحة كما تجمعها العين، و<legend> في أوّله يعطيها سؤالها. قارئ الشاشة يعلنه عند دخول المجموعة، فيعرف المستخدم السؤال قبل أن يسمع «سريع».

وفخّ شائع: الزرّ بلا value قيمته "on"، فتصلك الإجابة نفسها أيًّا كان الاختيار. والقراءة بعدها سطر واحد: form.elements.shipping.value قيمة الزرّ المختار.

02

المطلوب

اجمع الخيارات في <fieldset> أوّله <legend>، واجعلها مجموعة واحدة باسم shipping وقيمها standard وexpress وpickup، واكتب قيمة المختار في #out عند كل تغيير.

معايير التصحيح

5 معايير
  1. الخيارات داخل fieldset أوّله legend
  2. الأزرار الثلاثة باسم واحد
  3. لا يُختار إلا واحد في كل لحظة
  4. لكل خيار قيمته لا on
  5. قيمة المختار تُكتب في #out عند التغيير
index.html
المعاينة
index.html100%
–/5

اضغط «تشغيل» ليبدأ الفحص.

5 معايير في بطاقة «المطلوب».