JavaScript တွင် HTML ကုဒ်ဖြင့် အဖြေရွေးချယ်ခွင့်ပါသော စစ်ဆေးမှု

ယခင်သင်ခန်းစာများတွင် စစ်ဆေးမှုမေးခွန်းများ၏အဖြေများကို အင်ပူတ်များထဲသို့ ရိုက်ထည့်ရန် လိုအပ်ခဲ့သည်။ သို့သော် တကယ့်ဘဝတွင်၊ ပေးထားသောအဖြေများထဲမှ အဖြေတစ်ခုကို ရွေးချယ်နိုင်သော စာသားများလည်း မကြာခဏရှိတတ်သည်။ �ိုသို့သော စစ်ဆေးမှုများကို ဖန်တီးနည်းကို သင်ယူကြပါစို့။

မေးခွန်းများနှင့် အဖြေများကို 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 ဖြင့် အမှတ်အသားပြုထားပါသည်။