Checkbox selektori
:checkbox selektori
checkboxlarni tanlaydi. Tegga qarang
checkbox.
$(':checkbox') ning ekvivalenti
$('[type=checkbox]').
:checkbox CSS spetsifikatsiyasiga kirmagani sababli,
zamonaviy brauzerlarda uning o'rniga
[type='checkbox'] ni qo'llash samaraliroqdir.
Sintaksis
Biz checkboxlarni shunday tanlaymiz:
$(':checkbox');
Boshqa psevdoklass selektorlari bilan bo'lgani kabi
(':' bilan boshlanadigan), ':' dan oldin
teg nomini yoki boshqa selektorni qo'yish yaxshiroq,
aks holda '*' selektori qo'llaniladi,
ya'ni $(':checkbox') shunday talqin qilinadi:
$('*:checkbox'), shuning uchun uning o'rniga
$('input:checkbox') ni ishlatish yaxshiroq.
Misol
Keling, barcha checkboxlarni tanlab, ularni
span ichiga o'rab chiqamiz. Keyin spanlarga yashil fon va
qizil ramka beramiz, buning uchun
css metodidan foydalanamiz:
<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(); // formani yuborishni oldini oladi
});
