Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Przedszkole _ [JavaScript] Input z opcją disabled

Napisany przez: plaxton 6.03.2018, 16:58:13

Chciałbym aby po kliknięciu w jedne z inputów radio odblokowywały się pola innych.
W oparciu jak w kursie http://%20<a%20href="http://www.kurshtml.edu.pl/html/pole_wyboru,formularze.html"%20target="_blank">http://www.kurshtml.edu.pl/html/pole_wyboru,formularze.html</a>

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.

[HTML] pobierz, plaintext 
    <http://december.com/html/4/element/input.html id="radio1" type="radio" name="nazwa" value="wartość" onClick="this.form.elements['in1'].disabled = !this.checked" />
    <http://december.com/html/4/element/input.html id="radio2" type="radio" name="nazwa" value="wartość" onClick="this.form.elements['in2'].disabled = !this.checked" />
    <http://december.com/html/4/element/input.html id="radio3" type="radio" name="nazwa" value="wartość" onClick="this.form.elements['in3'].disabled = !this.checked" />
 
    <http://december.com/html/4/element/input.html type="text" name="in1" disabled="disabled" />
    <http://december.com/html/4/element/input.html type="text" name="in2" disabled="disabled" />
    <http://december.com/html/4/element/input.html type="text" name="in3" disabled="disabled" />
 
[HTML] pobierz, plaintext

Napisany przez: aras785 7.03.2018, 12:21:17

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/

Napisany przez: plaxton 8.03.2018, 13:14:05

Super :-) Prosty kod, nawet ja go rozumiem :-P
Dziękuję za pomoc .