Selektor radio
Selektor :radio vyberá rádiové
prepínače. Pozrite si tag
radio.
Ekvivalentom $(':radio') je
$('[type=radio]').
Pretože :radio nepatrí do špecifikácie CSS,
pre zlepšenie výkonu v moderných prehliadačoch je lepšie použiť [type='radio'].
Syntax
Takto vyberieme rádio tlačidlá:
$(':radio');
Rovnako ako s inými selektormi pseudo-tried
(začínajúcimi sa ':'), pred ':' je lepšie
uviesť názov tagu alebo iného selektora, inak
sa použije selektor '*',
to znamená, že $(':radio') bude chápané ako
$('*:radio'), preto je lepšie namiesto toho
použiť $('input:radio').
Pre výber súvisiacich rádiových prepínačov je možné
použiť $('input[name=gender]:radio').
Príklad
Vyberme rádiové prepínače, obalme ich
do span. Potom nastavme span zelené pozadie a
červený rám pomocou metódy
css:
<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(); // zabráni odoslaniu formulára
});
<-javascript->
