Селектор 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->
