JavaScript można użyć do manipulowania zachowaniem elementów HTML strony strony. Jednym z najczęściej używanych elementów byłby znacznik wejściowy . Wejście służy do utworzenia interaktywnego interfejsu użytkownika (interfejs) w celu pobierania informacji od użytkownika.

Znacznik wejściowy ma różne typy. Niektóre z tych typów zawierają przycisk, obraz, pole wyboru, skrzynka radiowa i tak dalej. Inne niż typy, są różne atrybuty z znacznik wejściowy . Te atrybuty są kompatybilne z niektórymi typami, na przykład sprawdzony Atrybut nie jest kompatybilny z typem przycisku, ponieważ jest tylko kompatybilny z pola wyboru lub przyciskiem opcji.

Pole wyboru i właściwość zaznaczona

Podczas tworzenia formularza do przyjmowania informacji od użytkownika dość często używasz typu wejściowego o nazwie A pole wyboru. Ten pole wyboru wykorzystuje tylko jeden atrybut, a to jest właściwość sprawdzona \. Bardzo krótko, zobaczymy, jak działa to pole wyboru, a następnie poprawnie je manipulować za pomocą JavaScript.

Zacznijmy od wyświetlania prostego pola wyboru na stronie HTML. Użyj następującego kodu do utworzenia pola wyboru:

To jest pole wyboru

Jak widać, utworzyliśmy znacznik wejściowy i nadał mu nazwę i identyfikator oraz tekst do wyświetlenia obok niego.

Pełny fragment kodu w celu lepszej demonstracji byłby taki:

Samouczek Linuxhint

Checkbox Checked Propert Manipulacja za pomocą JavaScript


To jest pole wyboru

Wyjście to:

Jak widzimy, na ekranie wyświetla się pole wyboru. Dodajmy właściwość „zaznaczona”, aby pole wyboru było już oznaczone, gdy strona się załaduje. Aby dodać właściwość „sprawdzoną”, użyj następującego wiersza w swoim kodzie:

To jest pole wyboru

Możemy to potwierdzić, przechodząc nawet do narzędzi programistów przeglądarki, a następnie na kartę właściwości, gdzie możemy zobaczyć właściwość „sprawdzony”I jego wartość jak:

Możemy zmienić sprawdzoną właściwość, klikając samo pole wyboru, na przykład:

Ale co jeśli chcemy użyć JavaScript do manipulowania sprawdzoną właściwością.

Jak zmienić właściwość sprawdzoną za pomocą JavaScript

Aby użyć JavaScript do zmiany elementów w HTML, zamierzamy utworzyć spust. Spust może być wszystkim, może to być zdarzenie, lokacja myszy lub przycisk. Będziemy potrzebować dwóch przycisków. Jeden z nich zmieni „sprawdzony„Wartość właściwości na true, a druga, która zmieni ją na„ fałszywe ”

Najpierw utwórzmy dwa przyciski za pomocą następujących linii.

Sprawdzać
Odkreśnij

Te linie utworzyłyby dwa przyciski na ekranie jako:

Czas na powiązanie tych przycisków z funkcjami, które zdefiniowaliśmy wewnątrz „na kliknięcie" nieruchomość.

Aby utworzyć te dwie funkcje, użyj następujących poleceń wewnątrz znacznika skryptu .

Uruchom ponownie plik i kliknij te przyciski, aby zbadać zachowanie pola wyboru.

Będziesz miał takie zachowanie.

Jak widać, teraz zmieniamy sprawdzony Wartość właściwości pola wyboru za pomocą JavaScript.

Wniosek

JavaScript można użyć do manipulowania wartością „sprawdzony”Własność pole wyboru w środku etykietka. Elementy HTML są często manipulowane za pomocą JavaScript, a te manipulacje są często wykonywane w wyniku jakiegoś działania, być może po naciśnięciu przycisku lub kliknięcia gdzieś na ekranie. Przeszliśmy krótko przez pola wyboru, jak je utworzyć, jaka jest ich „sprawdzona” właściwość i jak manipulować tą właściwością, gdy użytkownik naciska przycisk za pomocą JavaScript.