რადიო სელექტორი
სელექტორი :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->
