චෙක්බොක්ස් තෝරන්නේ
:checkbox තෝරන්නේ
චෙක්බොක්ස් තෝරා ගනී.
checkbox ටැගය බලන්න.
$(':checkbox') හි සමානය
$('[type=checkbox]') වේ.
:checkbox CSS පිරිවිතරයට අයත් නොවන බැවින්,
අඛණ්ඩ බ්රව්සරවල කාර්ය සාධනය වැඩිදියුණු කිරීම සඳහා ඒ වෙනුවට
[type='checkbox'] යොදා ගැනීම වඩා හොඳය.
වාක්ය රචනය
මේ ආකාරයට අපි චෙක්බොක්ස් තෝරා ගනිමු:
$(':checkbox');
වෙනත් සියලුම අර්ධ-වර්ග තෝරන්නන් සමග පරිදිම
(':' සමඟ ආරම්භ වන), ':' ට පෙර
ටැගයේ නම හෝ වෙනත් තෝරන්නක් තැබීම වඩා හොඳය,
නැතහොත් '*' තෝරන්නේ යොදා ගනී,
එනම් $(':checkbox')
$('*:checkbox') ලෙස සැලකෙනු ඇත, එබැවින් ඒ වෙනුවට
$('input:checkbox') භාවිතා කිරීම වඩා හොඳය.
උදාහරණය
අපි සියලුම චෙක්බොක්ස් තෝරාගෙන, ඒවා
ස්පැන් එකක් තුළට ඔතා ගනිමු. ඉන්පසු ස්පැන් වලට කොළ පසුබිම සහ
රතු සීමාවක් css ක්රමය භාවිතයෙන්
කරමු:
<form>
<input type="button" value="button">
<input type="file">
<input type="checkbox">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
$('form input:checkbox')
.wrap('<span></span>')
.parent()
.css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // පෝරමය යැවීම වළක්වයි
});
