Селектар checkbox
Селектар :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(); // прадухіляе адпраўку формы
});
