Селектор radio
Селектор :radio радио
тугмаларни танлайди. Тегни ку́ринг
radio.
$(':radio') ning эквиваленти
$('[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->
