Radio selektori
:radio selektori radio
tugmalarni tanlaydi. Tegga qarang
radio.
$(':radio') ning ekvivalenti
$('[type=radio]').
:radio CSS spesifikatsiyasiga kirmagani sababli,
zamonaviy brauzerlarda yaxshiroq ishlash uchun undan ko'ra [type='radio'] ni qo'llash yaxshiroq.
Sintaksis
Radio tugmalarni shunday tanlaymiz:
$(':radio');
Boshqa psevdoklass selektorlari bilan bir qatorda
(':' bilan boshlanadigan), ':' dan oldin
teg nomini yoki boshqa selektorni qo'yish yaxshiroq,
aks holda '*' selektori qo'llaniladi,
ya'ni $(':radio') $('*:radio') sifatida qabul qilinadi,
shuning uchun buning o'rniga $('input:radio') ni ishlatish yaxshiroq.
Bog'langan radio tugmalarni tanlash uchun
$('input[name=gender]:radio') ni ishlatish mumkin.
Misol
Keling, radio tugmalarni 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">
<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(); // formani yuborishning oldini oladi
});
<-javascript->
