JQuery wyłącz przycisk

JQuery wyłącz przycisk
„JQuery jest jedną z najbardziej przydatnych i popularnych bibliotek JavaScript. To bezpłatny i otwarty lekki JavaScript, który zrewolucjonizował rozwój front-end na zupełnie nowy poziom. Możesz zapomnieć o Angular i zareagować.

Jednak, podobnie jak większość rzeczy na świecie, ma pewne wady. Jednym z nich jest to, że brakuje mu bezpośredniej metody wyłączenia przycisku. To nie znaczy, że jest to niewłaściwe. W tym samouczku omówimy, w jaki sposób możemy wyłączyć przycisk za pomocą jQuery."

Metoda rekwizytu JQuery

Dodano w jquery wersja 1.6 i więcej, JQuery umożliwia wyłączenie przycisku za pomocą metody prop ().

Możesz dowiedzieć się więcej o pochodzeniu funkcji w poniższym zasadzie:

https: // API.JQuery.com/prop/

Na razie skupimy się na tym, jak użyć tej metody, aby wyłączyć przycisk.

Spójrzmy na składnię funkcji i jak możemy z niej korzystać. Podobnie jak wszystkie metody jQuery, funkcja prop () jest stosowana do wybranego elementu. W naszym przykładzie używamy prostego przycisku.

Stąd zacznijmy od utworzenia prostego przycisku.

Powyższy przykład pokazuje bardzo prosty przycisk, który ma identyfikator identyfikatora. Następnie możemy użyć identyfikatora, aby wybrać przycisk i zastosować funkcję rekwizytów.

Składnia jest jak pokazana poniżej:


W powyższym przykładzie otwieramy znacznik skryptu i dodajemy nasz JavaScript z biblioteki jQuery. Zaczynamy od wybrania elementu, który chcemy wyłączyć za pomocą jego identyfikatora. Po wybraniu użyj metody proponowania i ustaw właściwość wyłączonej na true.

Należy pamiętać, że funkcja rekwizytu akceptuje atrybut docelowy jako pierwszy parametr w formie ciągów. Drugi parametr to wartość atrybutu w formie logicznej.

Przykład

Aby zilustrować, zacznijmy od zaimportowania biblioteki jQuery do naszego pliku HTML.

Następnie możemy utworzyć przycisk i wyłączyć go, jak pokazano w przykładowym kodzie poniżej:







JQuery wyłącz przycisk






Jeśli otworzymy plik w przeglądarce, powinniśmy zobaczyć, że przycisk jest wyłączony.

Włącz przycisk z jQuery

Przeciwieństwo jest prawdą. Możemy włączyć i wyłączyć przycisk, ustawiając atrybut wyłączony na false w funkcji rekwizytu.

Na przykład:




W powyższym przykładzie możemy zobaczyć, jak przycisk jest domyślnie wyłączony, ustawiając właściwość HTML Disabled.

Następnie możemy włączyć go za pomocą jQuery, jak pokazano powyżej.

Zamknięcie

Ten krótki samouczek obejmuje podstawy wyłączania i włączania przycisku w jQuery za pomocą funkcji Prop. Jeśli używasz wersji JQuery 1.6 i niższe, możesz użyć funkcji ATT, która działa podobnie.

Szczęśliwe kodowanie!!