Kichaguzi cha Redio
Kichaguzi :radio huchagua
vibatanisho vya redio. Tazama kitambulisho
radio.
Kifanani cha $(':radio') ni
$('[type=radio]').
Kwa kuwa :radio haihusiani na ubora wa CSS,
ili kuboresha utendaji katika vivinjari vya kisasa
ni bora kutumia [type='radio'] badala yake.
Kiendesi
Hivi ndivyo tunavyochagua vitufe vya redio:
$(':radio');
Kama ilivyo kwa vilevile vichaguzi vya aina ya pseudoclass
(vinavyoanza na ':'), kabla ya ':' ni bora
kuweka jina la kitambulisho au kichaguzi kingine,
vinginevyo kichaguzi '*' kitatumika,
yaani $(':radio') itachukuliwa kama
$('*:radio'), kwa hivyo badala ya hii ni bora
kutumia $('input:radio').
Kwa kuchagua vibatanisho vya redio vilivyounganishwa unaweza
kutumia $('input[name=gender]:radio').
Mfano
Acha, tuchague vibatanisho vya redio, tuziweke
ndani ya span. Kisha tufanyie span background ya kijani na
mzunguko wa rangi nyekundu kwa kutumia mbinu ya
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(); // inazuia utumaji wa fomu
});
<-javascript->
