Përzgjedhësi radio
Përzgjedhësi :radio përzgjedh butonat
radio. Shiko tagun
radio.
Ekuivalenti i $(':radio') është
$('[type=radio]').
Meqenëse :radio nuk i përket specifikimit të CSS,
për të përmirësuar performancën në shfletuesit modernë
është më mirë të përdoret [type='radio'] në vend të tij.
Sintaksë
Kështu ne zgjedhim butonat radio:
$(':radio');
Ashtu si me përzgjedhësit e tjerë pseudo-klasë
(që fillojnë me ':'), para ':' është më mirë
të vendosni emrin e tagut ose një përzgjedhës tjetër,
përndryshe do të aplikohet përzgjedhësi '*',
domethënë $(':radio') do të perceptohet si
$('*:radio'), prandaj në vend të kësaj është më mirë
të përdorni $('input:radio').
Për të zgjedhur butonat radio të lidhur mund të
përdorni $('input[name=gender]:radio').
Shembull
Le të zgjedhim butonat radio, t'i mbështjellim ata
në një span. Pastaj t'u bëjmë spanave një background të gjelbër dhe
një kornizë të kuqe me metodën
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(); // parandalon dërgimin e formës
});
<-javascript->
