radio තේරීම

:radio තේරීම රේඩියෝ ස්විඡ තෝරා ගනී. radio ටැගය බලන්න. $(':radio') වලට සමාන වන්නේ $('[type=radio]') වේ. :radio CSS පිරිවිතරයට නොගැලපෙන බැවින්, නවීන බ්රවුසර වලදී කාර්ය සාධනය වැඩි දියුණු කිරීම සඳහා ඒ වෙනුවට [type='radio'] භාවිතා කිරීම වඩා හොඳය.

වාක්‍ය රීතිය

මේ ආකාරයට අපි රේඩියෝ බොත්තම් තෝරා ගනිමු:

javascript$(':radio');

වෙනත් සියලුම සියුඩෝ-ක්ලාස් තේරීම් වල මෙන් (':' අකුරෙන් ආරම්භ වන), ':' ට පෙර ටැග් නාමයක් හෝ වෙනත් තේරීමක් තැබීම වඩා හොඳය, එසේ නොමැති නම් '*' තේරීම යොදනු ලබන අතර, $(':radio') ලෙස අර්ථ දැක්වෙන්නේ $('*:radio') ලෙස බැවින්, ඒ වෙනුවට $('input:radio') භාවිතා කිරීම වඩා හොඳය. සම්බන්ධිත රේඩියෝ ස්විඡ තෝරා ගැනීම සඳහා $('input[name=gender]:radio') භාවිතා කළ හැකිය.

උදාහරණය

අපි රේඩියෝ ස්විඡ තෝරා ගෙන, ඒවා span එකකින් අවශෝෂණය කරමු. ඉන්පසු css ක්‍රමය භාවිතා කරමින් span වලට හරිත පසුබිමක් සහ රතු රාමුවක් සාදමු:

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(); // පෝරමය යැවීම වළක්වයි });

<

-javascript->

මෙයද බලන්න