Checkbox selektory
Selektor :checkbox
checkbox-lary saýlaýar. Tag-a serediň
checkbox.
$(':checkbox') deňi
$('[type=checkbox]').
:checkbox CSS düzgünine degişli bolmadygy üçin,
öndürijiligini gowulandyrmak üçin häzirki
brauzerlaryň ýerine ulanyň
[type='checkbox'].
Sintaksis
Şeýdip biz checkbox-lary saýlaýarys:
$(':checkbox');
Beýleki pseudo-klassy selektorlary bilen ýaly
(':' bilen başlanýan), ':' ozalky
tagyň adyny ýa-da beýleki selektory goýuň, ýok bolsa
selektor '*' ulanlar,
ýagny $(':checkbox') şuňa meňzeş bolar
$('*:checkbox'), şonuň üçin onuň ýerine
ulanyň $('input:checkbox').
Mysal
Geliň, ähli checkbox-lary saýlap alalyň, olary
span bilen gurşap alalyň. Soňra span-lara ýaşyl fon we
gyzyl çägini ýasalyň, ýöne usul bilen
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(); // formany ibermegiň öňüni alýar
});