Селектори radio
Селектори :radio радио тугмаҳои гуногункунандаро интихоб мекунад. Ба теги
radio нигаред.
Эквивали $(':radio') мебошад
$('[type=radio]').
Азбаски :radio ба муайянкунии CSS тааллуқ надорад,
пас барои беҳтар намудани суръати иҷро дар браузерҳои муосир
ба ҷои он истифода бурдани [type='radio'] беҳтар аст.
Синтаксис
Барои интихоби тугмаҳои радио ин тавр мекунем:
$(':radio');
Ҳамчунон ки бо дигар селекторҳои pseudo-class
(оғозшаванда бо ':'), пеш аз ':' беҳтар аст
номи тег ё дигар селекторро нишон диҳед, дар
акси ҳол селектори '*' истифода мешавад,
яъне $(':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->
