Radio ရွေးချယ်မှုခလုတ်

Radio ရွေးချယ်မှုခလုတ်သည် HTML ဖောင်များ၏ ဒြပ်စင်တစ်ခုဖြစ်ပြီး ဝိုင်းသောခလုတ်ပုံစံရှိကာ အမှတ်အသားပြုနိုင်သည် သို့မဟုတ် မပြုနိုင်ပါ။

Radio button ကို input tag ဖြင့် ဖန်တီးပြီး type attribute ၏တန်ဖိုးကို radio အဖြစ်သတ်မှတ်ရပါမည်။ အပြင်ပန်းအသွင်အပြင်-

Radio button တစ်ခုတည်းကို လက်တွေ့အသုံးမပြုပါ။ ၎င်းတို့ကို အုပ်စုဖြင့်အသုံးပြုသင့်သည်။ ထိုအုပ်စုတွင် ခလုတ်များအနက်မှ တစ်ခုကိုသာ အမှတ်အသားပြုနိုင်သည်။ အကယ်၍ ၎င်းတို့တွင် name attribute တန်ဖိုး တူညီမှသာ (အောက်တွင်ဖော်ပြထားသောဥပမာများကိုကြည့်ပါ) အုပ်စုဖွဲ့မည်ဖြစ်သည်။

ဥပမာ

Radio button နှစ်ခုကို ဖန်တီးကြပါစို့- ပထမတစ်ခုကို အမှတ်အသားပြုမည် (checked attribute ထည့်မည်)၊ ဒုတိယတစ်ခုကိုမူ မပြုလုပ်ပါ။ ထိုသို့ဆိုလျှင် ၎င်းတို့သည် အုပ်စုတစ်ခုကိုကိုယ်စားပြုမည်ဖြစ်ပြီး ထိုအုပ်စုအတွင်းတွင် တစ်ခုတည်းကိုသာ အမှတ်အသားပြုနိုင်သည် (၎င်းတို့တွင် name attribute တန်ဖိုး တူညီသောကြောင့်ဖြစ်သည်)။

Radio button များကို value attribute တန်ဖိုး အမျိုးမျိုးပေးထားသည်ကို သတိပြုပါ။ ထိုသို့ပြုလုပ်ရခြင်းမှာ ဒေတာများကို server သို့ပို့ပြီးနောက် မည်သည့်ခလုတ်ကို ရွေးချယ်ထားသည်ကို PHP မှ သိရှိနိုင်ရန်အတွက်ဖြစ်သည်-

html<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">

Результат:

ဥပမာ

ယခု Radio button အုပ်စုနှစ်ခုကို ဖန်တီးကြည့်ရအောင်- ပထမအုပ်စုသည် name attribute တန်ဖိုး တစ်မျိုးရှိမည်၊ ဒုတိယအုပ်စုမှာ အခြားတန်ဖိုးရှိမည်။ ၎င်းတို့ကို နှိပ်ကြည့်ပါက အုပ်စုများသည် တစ်ခုနှင့်တစ်ခု သီးခြားစီ အလုပ်လုပ်သည်ကို တွေ့ရပါမည်-

html<input type="radio" name="radio1" checked>
<input type="radio" name="radio1">
<input type="radio" name="radio1">

<br>

<input type="radio" name="radio2" checked>
<input type="radio" name="radio2">
<input type="radio" name="radio2">

Результат:

ဤသည်ကိုလည်း ကြည့်ပါ

  • checkbox,
    အကူအညီဖြင့် အမှတ်အသားပြုခလုတ်တစ်ခုကို အကောင်အထည်ဖော်နိုင်သည်
  • attribute checked,
    သည် Radio button ကို အမှတ်အသားပြုစေသည်
  • pseudo-class checked,
    သည် အမှတ်အသားပြုထားသော Radio များအတွက် စတိုင်များသတ်မှတ်ပေးသည်
  • attribute disabled,
    သည် ဖောင်ဒြပ်စင်များကို ပိတ်ပင်ထားသည်
  • tag label,
    သည် Radio အတွက် ရှင်းလင်းချက်ပေးသည်