Pierwsze podejście do JS - pole disabled zależne od checkboxa
Jako że ostatnimi czasy coraz częściej przekonywałem się, że JavaScript to niezwykle użyteczny język, to postanowiłem w końcu spróbować znaleźć kilka chwil, aby poznać przynajmniej podstawy. Do wyboru miałem zresztą naukę obiektowego PHP, ale stwierdziłem, że dużo lepszą lekturą “do poduchy” będzie pozycja traktująca o JS.
Przejdźmy więc do rzeczy…Pierwszą okazję do wykorzystania podstaw JS miałem podczas pisania aplikacji dla celów firmowych. Wypadało tam dodać pole tekstowe, które domyślnie jest nieaktywne (disabled), ale po zaznaczeniu checkboxa staje się już aktywne.
Efekt? Zobacz.
Funkcja, która wykonuje całą robotę zbyt skomplikowana nie jest. W head wystarczy tylko dodać :
<script type="text/javascript"> <!-- function AkcjaForm() { if(window.document.moj_form.pole.disabled == true) { window.document.moj_form.pole.disabled = false; } else { window.document.moj_form.pole.disabled = true; } } --> </script>
Ta prościutka funkcja uruchamiania jest w momencie, kiedy wystąpi jakaś akcja na checkboxie. Jeśli kliknięto na checkboxa, to zmieniany jest status pola tekstowego.
<form> <input onclick="AkcjaForm();" type="checkbox" /> <input disabled="disabled" name="pole" type="text" /> </form>
Podkreślam jednak, że jest to mój pierwszy skrypcik w JS, więc całkiem możliwe, że można to napisać w inny, lepszy sposób.
Student informatyki, twórca internetowych aplikacji, fotograf amator, a także wielki fan Manchester United. Więcej w dziale informacje. Zapraszam ;)
