Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Input z opcją disabled
Forum PHP.pl > Forum > Przedszkole
plaxton
Chciałbym aby po kliknięciu w jedne z inputów radio odblokowywały się pola innych.
W oparciu jak w kursie http://www.kurshtml.edu.pl/html/pole_wyboru,formularze.html

Niestety to dobrze działa na checkboxy nie na radio.
Przy wyborze opcji chceckbox muszę odklinając już zaznaczony , wtedy pole dodatkowe gaśnie. Natomiast w wyborze jednokrotnym radio, pola te już nie gasną przy zmianie opcji.



Jak zrobić aby dodatkowe pole n1 uaktywniały się tylko po zaznaczeniu odpowiedniego inputu radio

Przykład :
Klikam w drugi "radio2" i odblokowuje się mi pole "in2"
Problem polega na tym w tym kodzie w przypadku kliknięciu drugi raz w inny radio, pole odblokowane poprzedniego nie blokuje się ponownie.

  1. <input id="radio1" type="radio" name="nazwa" value="wartość" onClick="this.form.elements['in1'].disabled = !this.checked" />
  2. <input id="radio2" type="radio" name="nazwa" value="wartość" onClick="this.form.elements['in2'].disabled = !this.checked" />
  3. <input id="radio3" type="radio" name="nazwa" value="wartość" onClick="this.form.elements['in3'].disabled = !this.checked" />
  4.  
  5. <input type="text" name="in1" disabled="disabled" />
  6. <input type="text" name="in2" disabled="disabled" />
  7. <input type="text" name="in3" disabled="disabled" />
  8.  
aras785
Cześć.

Dzieję się tak ponieważ nie blokujesz pół in1, in2, in3.

Szybka przeróbka:
https://jsfiddle.net/pnk8s60s/13/

Lub możesz użyć funkcji:
https://jsfiddle.net/6mwu83Lk/
plaxton
Super :-) Prosty kod, nawet ja go rozumiem :-P
Dziękuję za pomoc .
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.