Checkbox seçicisi
:checkbox seçicisi
checkboxları seçir. Teqe baxın
checkbox.
$(':checkbox')-in ekvivalenti
$('[type=checkbox]')-dir.
:checkbox CSS spesifikasiyasına aid olmadığı üçün,
müasir brauzerlerde performansı yaxşılaşdırmaq üçün onun yerine
[type='checkbox'] tetbiq etmek daha yaxşıdır.
Sintaksis
Biz checkboxları belə seçirik:
$(':checkbox');
Digər psevdo-sinif seçicileri ile olduğu kimi
(':' ile başlayan), ':'-dan əvvəl
teqin adını və ya başqa seçicini qoymaq daha yaxşıdır,
əks halda '*' seçicisi tetbiq olunacaq,
yəni $(':checkbox') kimi qəbul olunacaq
$('*:checkbox'), buna görə də bunun yerine
$('input:checkbox') istifadə etmək daha yaxşıdır.
Nümunə
Gəlin, bütün checkboxları seçək, onları
span-a bükək. Sonra spanlara yaşıl fon və
qırmızı çərçive verək bunun üçün
css metodundan istifadə edək:
<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(); // formanın gönderilmesinin qarşısını alır
});
