Селектор radio
Селектор :radio бира радио
прекидаче. Погледајте таг
radio.
Еквивалент $(':radio') је
$('[type=radio]').
Пошто :radio није део CSS спецификације,
за боље перформансе у савременим
прегледачима боље је користити [type='radio'] уместо њега.
Синтакса
Овако бирамо радио дугмад:
$(':radio');
Као и са другим селекторима псеудо-класа
(који почињу са ':'), испред ':' је боље
ставити назив тага или другог селектора, у
супротном примењује се селектор '*',
односно $(':radio') ће се тумачити као
$('*:radio'), зато је уместо тога боље
користити $('input:radio').
За избор повезаних радио прекидача може се
користити $('input[name=gender]:radio').
Пример
Хајде да изаберемо радио прекидаче, обавијемо их
у спан. Затим да спану направимо зелену позадину и
црвени оквир помоћу методе
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(); // спречава слање форме
});
<-javascript->
