radio තේරීම
:radio තේරීම රේඩියෝ
ස්විඡ තෝරා ගනී.
radio
ටැගය බලන්න.
$(':radio') වලට සමාන වන්නේ
$('[type=radio]') වේ.
:radio CSS පිරිවිතරයට නොගැලපෙන බැවින්,
නවීන බ්රවුසර වලදී කාර්ය සාධනය වැඩි දියුණු කිරීම සඳහා
ඒ වෙනුවට [type='radio'] භාවිතා කිරීම වඩා හොඳය.
වාක්ය රීතිය
මේ ආකාරයට අපි රේඩියෝ බොත්තම් තෝරා ගනිමු:
$(':radio');
වෙනත් සියලුම සියුඩෝ-ක්ලාස් තේරීම් වල මෙන්
(':' අකුරෙන් ආරම්භ වන),
':' ට පෙර ටැග් නාමයක් හෝ වෙනත් තේරීමක්
තැබීම වඩා හොඳය,
එසේ නොමැති නම් '*' තේරීම යොදනු ලබන අතර,
$(':radio') ලෙස අර්ථ දැක්වෙන්නේ
$('*:radio') ලෙස බැවින්, ඒ වෙනුවට
$('input:radio') භාවිතා කිරීම වඩා හොඳය.
සම්බන්ධිත රේඩියෝ ස්විඡ තෝරා ගැනීම සඳහා
$('input[name=gender]:radio') භාවිතා කළ හැකිය.
උදාහරණය
අපි රේඩියෝ ස්විඡ තෝරා ගෙන,
ඒවා span එකකින් අවශෝෂණය කරමු.
ඉන්පසු
css ක්රමය භාවිතා කරමින්
span වලට හරිත පසුබිමක් සහ
රතු රාමුවක් සාදමු:
<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->
