JavaScript တွင် HTML ကုဒ်ဖြင့် အဖြေရွေးချယ်ခွင့်ပါသော စစ်ဆေးမှု
ယခင်သင်ခန်းစာများတွင် စစ်ဆေးမှုမေးခွန်းများ၏အဖြေများကို အင်ပူတ်များထဲသို့ ရိုက်ထည့်ရန် လိုအပ်ခဲ့သည်။ သို့သော် တကယ့်ဘဝတွင်၊ ပေးထားသောအဖြေများထဲမှ အဖြေတစ်ခုကို ရွေးချယ်နိုင်သော စာသားများလည်း မကြာခဏရှိတတ်သည်။ �ိုသို့သော စစ်ဆေးမှုများကို ဖန်တီးနည်းကို သင်ယူကြပါစို့။
မေးခွန်းများနှင့် အဖြေများကို HTML ကုဒ်ထဲတွင် သိမ်းဆည်းထားသော ရိုးရှင်းသည့်ပုံစံမှ စတင်ပြီး၊ ထို့နောက် တဖြည်းဖြည်း ရှုပ်ထွေးအောင် လုပ်သွားပါမည်။
ဤသည်မှာ အဖြေရွေးချယ်ခွင့်ပါသော စစ်ဆေးမှုဖြစ်သည်:
<div id="test">
<div>
<p>မေးခွန်း 1?</p>
<label>
<input type="radio" name="1" data-right>
ရွေးချယ်ခွင့် 1
</label>
<label>
<input type="radio" name="1">
ရွေးချယ်ခွင့် 2
</label>
<label>
<input type="radio" name="1">
ရွေးချယ်ခွင့် 3
</label>
</div>
<div>
<p>မေးခွန်း 2?</p>
<label>
<input type="radio" name="2">
ရွေးချယ်ခွင့် 1
</label>
<label>
<input type="radio" name="2" data-right>
ရွေးချယ်ခွင့် 2
</label>
<label>
<input type="radio" name="2">
ရွေးချယ်ခွင့် 3
</label>
</div>
<div>
<p>မေးခွန်း 3?</p>
<label>
<input type="radio" name="3">
ရွေးချယ်ခွင့် 1
</label>
<label>
<input type="radio" name="3">
ရွေးချယ်ခွင့် 2
</label>
<label>
<input type="radio" name="3" data-right>
ရွေးချယ်ခွင့် 3
</label>
</div>
</div>
သင်မြင်တွေ့ရသည့်အတိုင်း၊ အဖြေရွေးချယ်ခွင့်များကို
ရေဒီယိုခလုတ်ငယ်များဖြင့် ရွေးချယ်နိုင်ပါသည်။
ထိုအခါ မေးခွန်းတစ်ခုစီတွင်
မှန်ကန်သောရွေးချယ်မှုရှိသည့် ရေဒီယိုခလုတ်ကို
data-right attribute ဖြင့် အမှတ်အသားပြုထားပါသည်။
မေးခွန်းတစ်ခု၏ အဖြေတစ်ခုကို ရွေးချယ်သည့်အခါတိုင်း ထိုအဖြေသည် မှန်မမှန်ချက်ချင်းစစ်ဆေးနိုင်အောင် ပြုလုပ်ပါ။
အဖြေများစစ်ဆေးခြင်းကို ခလုတ်တစ်ခုကို နှိပ်ခြင်းဖြင့် ပြုလုပ်ရန် သင့်ကုဒ်ကို ပြုပြင်မွမ်းမံပါ။
