ရေဒီယို ရွေးချယ်မှု

ရွေးချယ်မှု :radio သည် ရေဒီယို ခလုတ်များကို ရွေးချယ်ပေးသည်။ အသေးစိတ်အတွက် radio တဂ်ကို ကြည့်ပါ။ $(':radio') ၏ တူညီသော ရွေးချယ်မှုမှာ $('[type=radio]') ဖြစ်သည်။ :radio သည် CSS သတ်မှတ်ချက်၏ အစိတ်အပိုင်း မဟုတ်သောကြောင့် ယခုခေတ် ဘရောက်ဆာများတွင် စွမ်းဆောင်ရည် ပိုမိုကောင်းမွန်စေရန် အစား [type='radio'] ကို အသုံးပြုသင့်သည်။

ဝါကျဖွဲ့ပုံ

ရေဒီယိုခလုတ်များကို ဤသို့ ရွေးချယ်နိုင်ပါသည်။

javascript$(':radio');

အခြားသော စတုတ္ထမျိုးကွဲ စာတန်းထိုးများနှင့် အတူတူပင် (':' ဖြင့် စသော) ':' မတိုင်မီ တဂ် အမည် သို့မဟုတ် အခြားသော ရွေးချယ်မှု တစ်ခုကို ထည့်သွင်းသင့်သည်။ မဟုတ်ပါက '*' ရွေးချယ်မှု အသုံးပြုမည် ဖြစ်ပြီး $(':radio') ကို $('*:radio') အဖြစ် နားလည်မည် ဖြစ်သည်။ ထို့ကြောင့် အစား $('input:radio') ကို အသုံးပြုသင့်သည်။ ဆက်စပ်နေသော ရေဒီယို ခလုတ်များကို ရွေးချယ်ရန် $('input[name=gender]:radio') ကို အသုံးပြုနိုင်သည်။

ဥပမာ

ရေဒီယို ခလုတ်များကို ရွေးချယ်ပြီး သူတို့ကို span အတွင်း ထည့်ကြပါစို့။ ထို့နောက် span များကို စိမ်းလန်းသော နောက်ခံနှင့် အနီရောင် အနားသတ်မျဉ်း ရှိစေရန် css နည်းလမ်းကို အသုံးပြုကြပါစို့။

html<form>
  <input type="button" value="button">
  <input type="file">
  <button>button</button>
  <input type="reset">
  <input type="radio" name="test">
  <input type="radio" name="test">
  <input type="text">
</form>

<

+javascript+> $('form input:radio') .wrap('

') .parent() .css({background: 'green', border: '2px red solid'}); $('form').submit(function(event) { event.preventDefault(); // form ပေးပို့ခြင်းကို တားဆီးပေးသည် });

<

-javascript->

ဤအရာကိုလည်း ကြည့်ပါ