චෙක්බොක්ස් තෝරන්නේ

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

වාක්‍ය රචනය

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

javascript$(':checkbox');

වෙනත් සියලුම අර්ධ-වර්ග තෝරන්නන් සමග පරිදිම (':' සමඟ ආරම්භ වන), ':' ට පෙර ටැගයේ නම හෝ වෙනත් තෝරන්නක් තැබීම වඩා හොඳය, නැතහොත් '*' තෝරන්නේ යොදා ගනී, එනම් $(':checkbox') $('*:checkbox') ලෙස සැලකෙනු ඇත, එබැවින් ඒ වෙනුවට $('input:checkbox') භාවිතා කිරීම වඩා හොඳය.

උදාහරණය

අපි සියලුම චෙක්බොක්ස් තෝරාගෙන, ඒවා ස්පැන් එකක් තුළට ඔතා ගනිමු. ඉන්පසු ස්පැන් වලට කොළ පසුබිම සහ රතු සීමාවක් css ක්‍රමය භාවිතයෙන් කරමු:

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

javascript$('form input:checkbox')
  .wrap('<span></span>')
  .parent()
  .css({background: 'green', border: '2px red solid'});

$('form').submit(function(event) {
  event.preventDefault(); // පෝරමය යැවීම වළක්වයි
});

තවද බලන්න