Radio selektoru
:radio selektoru radio
dəyişdiriciləri seçir. Teqə baxın
radio.
$(':radio') ifadəsinin ekvivalenti
$('[type=radio]')-dır.
:radio CSS spesifikasiyasına aid olmadığı üçün,
müasir brauzerlərdə daha yaxşı performans üçün onun yerinə
[type='radio'] tətbiq etmək daha yaxşıdır.
Sintaksis
Radio düymələrini belə seçirik:
$(':radio');
Digər psevdo-sinif selektorları ilə olduğu kimi
(':' ilə başlayan), ':' işarəsindən əvvəl
teq adını və ya başqa selektor qoymaq daha yaxşıdır,
əks halda '*' selektoru tətbiq olunacaq,
yəni $(':radio') ifadəsi
$('*:radio') kimi qəbul olunacaq, ona görə də bunun yerinə
$('input:radio') istifadə etmək daha yaxşıdır.
Əlaqəli radio dəyişdiriciləri seçmək üçün
$('input[name=gender]:radio') istifadə edilə bilər.
Nümunə
Gəlin, radio dəyişdiriciləri seçək, onları
span içərisinə qoyaq. Sonra isə spanlara yaşıl fon və
qırmızı çərçivə verək, bunun üçün
css metodundan istifadə edək:
<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(); // formanın göndərilməsinin qarşısını alır
});
<-javascript->
