ရေဒီယို ရွေးချယ်မှု
ရွေးချယ်မှု :radio သည် ရေဒီယို
ခလုတ်များကို ရွေးချယ်ပေးသည်။
အသေးစိတ်အတွက်
radio တဂ်ကို
ကြည့်ပါ။
$(':radio') ၏ တူညီသော ရွေးချယ်မှုမှာ
$('[type=radio]') ဖြစ်သည်။
:radio သည် CSS သတ်မှတ်ချက်၏ အစိတ်အပိုင်း မဟုတ်သောကြောင့်
ယခုခေတ် ဘရောက်ဆာများတွင် စွမ်းဆောင်ရည် ပိုမိုကောင်းမွန်စေရန်
အစား [type='radio'] ကို အသုံးပြုသင့်သည်။
ဝါကျဖွဲ့ပုံ
ရေဒီယိုခလုတ်များကို ဤသို့ ရွေးချယ်နိုင်ပါသည်။
$(':radio');
အခြားသော စတုတ္ထမျိုးကွဲ စာတန်းထိုးများနှင့်
အတူတူပင် (':' ဖြင့် စသော)
':' မတိုင်မီ တဂ် အမည် သို့မဟုတ် အခြားသော ရွေးချယ်မှု
တစ်ခုကို ထည့်သွင်းသင့်သည်။
မဟုတ်ပါက '*' ရွေးချယ်မှု အသုံးပြုမည် ဖြစ်ပြီး
$(':radio') ကို
$('*:radio') အဖြစ် နားလည်မည် ဖြစ်သည်။ ထို့ကြောင့်
အစား $('input:radio') ကို အသုံးပြုသင့်သည်။
ဆက်စပ်နေသော ရေဒီယို ခလုတ်များကို ရွေးချယ်ရန်
$('input[name=gender]:radio') ကို အသုံးပြုနိုင်သည်။
ဥပမာ
ရေဒီယို ခလုတ်များကို ရွေးချယ်ပြီး
သူတို့ကို span အတွင်း ထည့်ကြပါစို့။
ထို့နောက် span များကို စိမ်းလန်းသော နောက်ခံနှင့်
အနီရောင် အနားသတ်မျဉ်း ရှိစေရန်
css နည်းလမ်းကို
အသုံးပြုကြပါစို့။
<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->