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:

javascript$(':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:

html<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->

Tazama pia