Radio ընտրիչ
:radio ընտրիչն ընտրում է ռադիո
կոճակները: Տեսնել նշումը
radio:
$(':radio')-ի համարժեքն է
$('[type=radio]'):
Քանի որ :radio-ը չի մտնում CSS-ի սպեցիֆիկացիայի մեջ,
ապա ժամանակակից բրաուզերներում կատարումը բարելավելու համար
ավելի լավ է օգտագործել [type='radio'] դրա փոխարեն:
Շարահյուսություն
Այսպես ենք ընտրում ռադիո կոճակները.
$(':radio');
Ինչպես և կեղծ-դասի մյուս ընտրիչների դեպքում
(որոնք սկսվում են ':'-ով), ':'-ից առաջ ավելի լավ է
դնել նշման անունը կամ այլ ընտրիչ,
հակառակ դեպքում կկիրառվի '*' ընտրիչը,
այսինքն $(':radio')-ը կընկալվի որպես
$('*:radio'), ուստի դրա փոխարեն ավելի լավ է
օգտագործել $('input:radio'):
Կապված ռադիո կոճակներն ընտրելու համար կարելի է
օգտագործել $('input[name=gender]:radio'):
Օրինակ
Եկեք ընտրենք ռադիո կոճակները, փաթաթենք դրանք
span-ի մեջ: Ապա span-ների համար դարձնենք կանաչ ֆոն և
կարմիր շրջանակ՝ օգտագործելով
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->
