Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Input z opcją disabled
plaxton
post 6.03.2018, 16:58:13
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 5.03.2018

Ostrzeżenie: (0%)
-----


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.  


Ten post edytował plaxton 6.03.2018, 17:07:28
Go to the top of the page
+Quote Post
aras785
post 7.03.2018, 12:21:17
Post #2





Grupa: Zarejestrowani
Postów: 859
Pomógł: 177
Dołączył: 29.10.2009

Ostrzeżenie: (0%)
-----


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/

Ten post edytował aras785 7.03.2018, 12:59:41
Go to the top of the page
+Quote Post
plaxton
post 8.03.2018, 13:14:05
Post #3





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 5.03.2018

Ostrzeżenie: (0%)
-----


Super :-) Prosty kod, nawet ja go rozumiem :-P
Dziękuję za pomoc .
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.03.2024 - 10:34