MC, 2012

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);

Przeczytaj również, bo warto!