ချက်ဘောက်စ် ဆယ်လက်ကာ

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

ဖွဲ့စည်းပုံ

ကျွန်ုပ်တို့ ချက်ဘောက်စ်များကို ဤသို့ ရွေးချယ်ပါသည်။

javascript$(':checkbox');

အခြား pseudo-class ဆယ်လက်ကာများနည်းတူ (':' ဖြင့် စသော)၊ ':' မတိုင်မီ တက်ဂ်အမည် သို့မဟုတ် အခြားဆယ်လက်ကာတစ်ခုကို ထည့်သွင်းသင့်ပါသည်။ သို့မဟုတ်ပါက ဆယ်လက်ကာ '*' ကို အသုံးပြုမည်ဖြစ်ပြီး၊ ဆိုလိုသည်မှာ $(':checkbox') ကို $('*:checkbox') အဖြစ် နားလည်မည်ဖြစ်သောကြောင့် ၎င်းအစား $('input:checkbox') ကို အသုံးပြုသင့်ပါသည်။

ဥပမာ

ချက်ဘောက်စ်အားလုံးကို ရွေးချယ်ကာ ၎င်းတို့ကို စပန်တဂ်အတွင်း ထည့်ကြပါစို့။ ထို့နောက် စပန်များအား စိမ်းလန်းသောနောက်ခံနှင့် အနီရောင်ဘောင်းကို နည်းလမ်း css အသုံးပြု၍ ပြုလုပ်ပါမည်။

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

javascript$('form input:checkbox')
  .wrap('<span></span>')
  .parent()
  .css({background: 'green', border: '2px red solid'});

$('form').submit(function(event) {
  event.preventDefault(); // ဖောင်အပ်လုပ်ခြင်းကို တားဆီးပေးသည်
});

ဖတ်ရှုရန်