وانەی ٤٦: دوگمەکانی ڕادیۆ (Radio Buttons)

چێکبۆکسەکان سەربەخۆن. کاتێک دەمانەوێت سەردانیکەر بتوانێت تەنها یەک بەند لە گروپێک هەڵبژێرێت، دوگمەکانی ڕادیۆ بەکاردەهێنین. ئەمانە توخمی <input>ـن بە type="radio". دووان لەناو فۆرمەکە زیاد بکە، پێش دوگمەی حیجزکردن:

لێرەدا name و value دوو کاری جیاواز دەکەن. دوگمەکانی ڕادیۆ کە لەناو هەمان فۆرمدا هەمان nameـیان هەیە، یەک گروپ پێک دەهێنن. لە هەمان کاتدا تەنها یەکێکیان دەتوانێت هەڵبژێردراو بێت.

ئەگەر هیچ بەندێک checkedـی نەبێت، لە سەرەتادا هیچ هەڵبژاردنێک دیاری نەکراوە. بۆ ئەوەی یەکێکیان لە سەرەتاوە هەڵبژێردراو بێت، تایبەتمەندی بوولی checked بۆی زیاد بکە، وەک لەگەڵ چێکبۆکسەکان کردمان: 

<p><label><input type="radio" name="seat" value="inside" checked> ناوەوە</label></p>

پاشەکەوتی بکە و لاپەڕەکە لە تابێکی نوێدا بکەرەوە بۆ بینینی هەڵبژاردنی دەستپێک. پیشان بدە کە «ناوەوە» هەڵبژێردراوە.

هەڵەیەکی باو: بەهای جیاواز بۆ nameـی دوگمەکانی هەمان گروپ بنووسیت. ئەو کاتە چیتر یەک گروپ نین و دەتوانیت زیاتر لە یەکێکیان هەڵبژێریت.

هەڵەیەکی باو: value لەبیر بکەیت. ئەگەر ئەو دوگمەیە هەڵبژێردرێت، فۆرمەکە بەهای on دەنێرێت، کە ڕوون ناکاتەوە کام بەند هەڵبژێردراوە.

کۆدی کۆتایی:

index.html:

<!doctype html>
<html lang="ckb" dir="rtl">
  <head>
    <meta charset="UTF-8" />
    <title> چایخانە</title>
  </head>
  <body>
    <form action="thanks.html" method="get">
      <h2>لە کوێ دەتەوێت دابنیشیت؟</h2>
      <p><label><input type="radio" name="seat" value="inside" checked> ناوەوە</label></p>
      <p><label><input type="radio" name="seat" value="garden"> باخچە</label></p>
      <button type="submit">حیجزکردن</button>
    </form>
  </body>
</html> 

thanks.html:

<!DOCTYPE html>
<html lang="ckb" dir="rtl">
  <head>
    <meta charset="UTF-8">
    <title>سوپاس</title>
  </head>
  <body>
    <h1>سوپاس!</h1>
    <p>ئەمە لاپەڕەیەکی نموونەیە. ئەوەی نووسیوتە ناخوێنێتەوە و پاشەکەوتی ناکات.</p>
  </body>
</html>

پوختە

• type="radio" ڕێگە بە سەردانکەر دەدات یەک بەند لە گروپێک هەڵبژێرێت.
• دوگمەکانی ڕادیۆ کە لەناو هەمان فۆرمدا هەمان nameـیان هەیە، یەک گروپ پێک دەهێنن.
• بەهای valueـی دوگمە هەڵبژێردراوەکە دەنێردرێت.
• checked وا دەکات بەندێک لە سەرەتاوە هەڵبژێردراو بێت.

ڕاهێنان

١. بەندێکی سێیەم بە ناوی «تەراس» زیاد بکە. هەمان name="seat" و بەهایەکی جیاوازی value بۆ دابنێ.

٢. بە ئەنقەست بەهای nameـی یەکێکیان بگۆڕە و ببینە ئێستا دەتوانیت چەند بەند هەڵبژێریت. پاشان nameـەکە بگەڕێنەرەوە بۆ seat.

٣. تایبەتمەندی valueـی یەکێکیان لاببە، ئەو بەندە هەڵبژێرە و فۆرمەکە بنێرە. ببینە لە ناونیشانەکەدا چ بەهایەک دەنێردرێت.