Forum PHP.pl > Wyłączenie onclick funkcji disabled

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Wyłączenie onclick funkcji disabled

jazen

28.06.2019, 21:23:13

Witam

[PHP] pobierz, plaintext 
<form action="insert7.php" method="post">
Czy chcesz zorganizować poprawiny?<br>
<input type="radio" name="poprawiny" value="tak" onclick="this.form.elements['poprawiny_zupa'].disabled = this.form.elements['poprawiny_obiad'].disabled = !this.checked">TAK<br>
<input type="radio" name="poprawiny" value="nie">NIE<br>
<br>
Przystawka:<br>
<input type="radio" name="poprawiny_zupa" value="zurek" disabled>Żurek<br>
Obiad:<br>
<input type="radio" name="poprawiny_obiad" value="gulasz" disabled>Gulasz z makaronem kolorowym i salatka z serem feta<br>
<input type="radio" name="poprawiny_obiad" value="ryba" disabled>Ryba smażona z frytkami i sałatka z serem fetą<br>
<input type="radio" name="poprawiny_obiad" value="mieso" disabled>Mięsa weselne z frytkami i sałatka z serem feta<br>
Deser:<br>
<input type="radio" name="poprawiny_deser" value="owocowy" disabled>Deser owocowy z bitą śmietaną i rodzynkami<br>
<input type="radio" name="poprawiny_deser" value="lody" disabled>Lody z owocami, bitą śmietaną, polewą i posypką kolorową<br>
<input type="submit"  name="send" value="Dalej" />
[PHP] pobierz, plaintext

Oto fragment formularzy. Zależy mi na tym, aby po wybraniu z radio "poprawiny" opcji "tak" odblokowało mi możliwość zaznaczenia ponizszych checkboxow (poprawiny_zupa, poprawiny_obiad, poprawiny_deser). niestety odblokowuje mi ona tylko "poprawiny_zupa", reszta jest nadal zablokowana.

Mogę prosić o jakieś sugestie?

SmokAnalog

28.06.2019, 22:41:44

Np. tak:

[HTML] pobierz, plaintext 
<script>
function refreshForm() {
    const mealsEnabled = document.querySelector('[name="poprawiny"][value="tak"]').checked;
 
    [...document.querySelectorAll('[name^="poprawiny_"]')].forEach(input => {
        input.disabled = !mealsEnabled;
    });
}
 
refreshForm();
 
[...document.querySelectorAll('[name="poprawiny"]')].forEach(radio => {
    radio.addEventListener('change', refreshForm);
});
</script>
[HTML] pobierz, plaintext

Dodaj to zaraz przed </body>.

jazen

28.06.2019, 22:50:01

Niestety, efekt jest taki sam. Odblokowuje tylko poprawiny_zupa, reszta nadal zablokowana

SmokAnalog

28.06.2019, 23:25:21

Usuń swój onclick.

jazen

29.06.2019, 14:04:45

Teraz wogole sie nie odblokowuje

SmokAnalog

29.06.2019, 16:20:00

No właśnie. To źle script tam osadziłeś. Wrzuciłeś jako ostatni element w <body> tak jak mówiłem?

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.