Селектар radio
Селектар :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->
