MC, 23:35 poniedziałek, 16.07.2012 r.
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!