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

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

ဖွဲ့စည်းပုံ

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

$(':checkbox');

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

ဥပမာ

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

<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>

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

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

ဖတ်ရှုရန်

တက်ဂ် checkbox
နည်းလမ်း css,
အရာ၀တ္ထု၏ CSS စတိုင်များကို ရယူရန် သို့မဟုတ် ပြောင်းလဲရန် ခွင့်ပြုသည်