Radio selektors
Selektors :radio atlasa radio
pārslēdzējus. Skatīt iezīmi
radio.
$(':radio') ekvivalents ir
$('[type=radio]').
Tā kā :radio neietilpst CSS specifikācijā,
tad, lai uzlabotu veiktspēju mūsdienu
pārlūkprogrammās, labāk izmantot [type='radio'] tā vietā.
Sintakse
Šādi mēs atlasām radio pogas:
$(':radio');
Tāpat kā ar citiem pseidoklases selektoriem
(kas sākas ar ':'), pirms ':' labāk
norādīt iezīmes nosaukumu vai citu selektoru,
pretējā gadījumā tiks piemērots selektors '*',
tas ir, $(':radio') tiks uztverts kā
$('*:radio'), tāpēc tā vietā labāk
izmantot $('input:radio').
Lai atlasītu saistītos radio pārslēdzējus, var
izmantot $('input[name=gender]:radio').
Piemērs
Atlasīsim radio pārslēdzējus, ietīsim tos
span. Pēc tam padarīsim span zaļu fona krāsu un
sarkanu rāmi ar metodi
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(); // novērš formas iesniegšanu
});
<-javascript->
