Селектор checkbox
Селектор :checkbox избира
checkbox-и. Погледнете го тегот
checkbox.
Еквивалент на $(':checkbox') е
$('[type=checkbox]').
Бидејќи :checkbox не е дел од CSS спецификацијата,
за подобри перформанси во современи
прелистувачи подобро е да се користи
[type='checkbox'] наместо него.
Синтакса
Вака ги избираме checkbox-ите:
$(':checkbox');
Како и со другите селектори на псевдо-класи
(кои започнуваат со ':'), пред ':' подобро е
да се стави име на тег или друг селектор, во
спротивно ќе се примени селектор '*',
односно $(':checkbox') ќе се третира како
$('*:checkbox'), па затоа наместо тоа подобро е
да се користи $('input:checkbox').
Пример
Ајде, да ги избереме сите checkbox-и, да ги обвиеме
во span. Потоа на span-овите да им направиме зелена позадина и
црвена рамка со методот
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(); // спречува испраќање на формата
});
