Selektor radio

Selektor :radio bira radio dugmad. Pogledajte tag radio. Ekvivalent $(':radio') je $('[type=radio]'). Pošto :radio ne pripada CSS specifikaciji, za bolje performanse u modernim brauzerima umesto njega je bolje koristiti [type='radio'].

Sintaksa

Ovako biramo radio dugmad:

javascript$(':radio');

Kao i sa drugim selektorima pseudo klasama (koji počinju sa ':'), pre ':' je bolje staviti ime taga ili drugog selektora, u suprotnom će se primeniti selektor '*', odnosno $(':radio') će se tumačiti kao $('*:radio'), pa je umesto toga bolje koristiti $('input:radio'). Za izbor povezanih radio dugmadi može se koristiti $('input[name=gender]:radio').

Primer

Hajde da izaberemo radio dugmad, obmotamo ih u span. Zatim ćemo spanovima napraviti zelenu pozadinu i crveni okvir pomoću metode css:

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(); // sprečava slanje forme });

<

-javascript->

Pogledajte takođe