MC, 23:35 poniedziałek, 16.07.2012 r.
Ilustracja do artykułu: jQuery - Pobieranie i ustalanie wartości CheckBox-a

jQuery - Pobieranie i ustalanie wartości CheckBox-a

Wartość elementów tekstowych, korzystając z biblioteki jQuery możemy pobrać oraz ustalić przy pomocy metody .text(). Jeśli chodzi o inputy i textarea, oddana jest nam do użytku metoda val(). Co jednak w przypadku checkbox-ów?

Jak pobrać wartość checkbox-a?

Pomimo tego, że checkbox jest przecież znacznikiem input, to nie dostaniemy się do jego wartości przy pomocy metody val(). W stosunku do niego, należy zastosować nieco inne podejście. W przypadku checkbox-a interesować nas będzie atrybut checked, który który mówi o tym, czy ta kontrolka jest obecnie zaznaczona, czy nie. Zatem za jego pomocą będziemy mogli wartość checkbox-a pobrać a także zdefiniować. Jeśli chodzi o uzyskanie wartości, dostępne są dwa podejścia:
var wartosc = $('#naszCheckbox').attr('checked');
lub
var wartosc = $('#naszCheckbox').is(':checked');
Ja preferuję pierwszy ze sposobów, z tego względu, że można go uogólnić również na zagadnienie przypisania zdefiniowanej wartości, do danego checkbox-a.

Jak przypisać wartość do checkbox-a?

W tym wypadku również posłużymy się metodą attr(), tyle że tym razem jej przeładowaniem, przyjmującym dwa parametry: atrybut i jego wartość, która ma zostać ustawiona. Jeśli więc chcemy zaznaczyć checkbox-a, kod JavaScript może wyglądać podobnie do poniższego przykładu:
$('#naszCheckbox').attr('checked', true);
Oczywiście, by odznaczyć kontrolkę, wystarczy zmienić przekazywaną wartość logiczną na false:
$('#naszCheckbox').attr('checked', false);

Komentarze (0) - Nikt jeszcze nie komentował - bądź pierwszy!

Imię:
Treść: