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:

javascript$(':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:

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

Shuningdek qarang