Selektor radio
Selektor :radio memilih tombol
radio. Lihat tag
radio.
Ekuivalen dari $(':radio') adalah
$('[type=radio]').
Karena :radio bukan bagian dari spesifikasi CSS,
maka untuk meningkatkan performa di browser
modern lebih baik gunakan [type='radio'].
Sintaks
Ini cara kita memilih tombol radio:
$(':radio');
Seperti selector pseudo-class lainnya
(dimulai dengan ':'), sebelum ':' lebih baik
menambahkan nama tag atau selector lain,
jika tidak, selector '*' akan diterapkan,
yaitu $(':radio') akan dianggap sebagai
$('*:radio'), jadi alih-alih itu lebih baik
gunakan $('input:radio').
Untuk memilih tombol radio yang terkait, bisa
gunakan $('input[name=gender]:radio').
Contoh
Mari kita pilih tombol radio, bungkus mereka
dalam span. Kemudian beri latar hijau dan
border merah pada span dengan metode
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(); // mencegah pengiriman form
});
<-javascript->
