Селектор 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->
