Formularz na stronie internetowej

pytanie zadane 14 kwietnia 2017 w JavaScript przez prominepl Bywalec (2,440 p.)

Witam serdzecznie drugi dzień męczę się z jednym problemem, mienowicie dynamicznym formularzem na stronie insternetowaj. Postanowiłem że przedstawie go tutaj, w sposób który każdy zrozumie.

Mam więc div "imgstart" którego zawartośc bbedzie się dynamicznie zmieniać. Na początku wyglada to tak:

Okodowałem checkbocy w JS i kod wyglada następująco:

<script type="text/javascript">
function block()
{
		if (document.getElementById("checkbox1").checked)
		{
			document.getElementById("checkbox2").disabled = true;
			document.getElementById("checkbox3").disabled = true;
		}
		else if (document.getElementById("checkbox2").checked)
		{
			document.getElementById("checkbox1").disabled = true;
			document.getElementById("checkbox3").disabled = true;
		}
		else if (document.getElementById("checkbox3").checked)
		{
			document.getElementById("checkbox1").disabled = true;
			document.getElementById("checkbox2").disabled = true;
		}
		else
		{
			document.getElementById("checkbox1").disabled = false;
			document.getElementById("checkbox2").disabled = false;
			document.getElementById("checkbox3").disabled = false;
		}
}
</script>

Po kliknięciu na przycisk zatwierdz chciałbym osiągnąć taki rezultat:

Tylko w zależnosci od tego jaki checkbox był zaznaczony na poczatku taka bedzie wartosć radio (wartosc 70,90,120 bedą kiedy zaznaczony zostanie ostatni checkbox)

No i tutaj mam dosc duzy problem. wszystko sypie sie kiedy chce zemianic zawartosc diva imgstart. Dodatkowo nie wiem jak okodowac zdarzenie, aby po zaznaczeniu odpowiedniego radio wartosc pola wynik zmieniala sie. No i zostaje to nieszczesne pole suma wynikow.
Prosze o pomoc mam nadzieje ze problem zostal przedstawiony dosc przejrzyscie!

1 odpowiedź

odpowiedź 14 kwietnia 2017 przez marcin99b Szeryf (82,080 p.)

Do wszystkich radio musisz dodać ten sam name, wtedy zaznaczenie jednego oznacza odznaczenie pozostałych, do tego każdemu dajesz value.
Do checkboxów chyba też możesz dodać value, albo coś takiego (długo tego nie robiłem).
Wtedy w skrypcie będziesz działać na liczbach, a nie nadmiarowej ilości if

Do tego możesz przez metodę block() przekazywać dane który checkbox został kliknięty, to też ograniczy ilość if (akurat tych które już posiadasz).

komentarz 14 kwietnia 2017 przez prominepl Bywalec (2,440 p.)

takie kombinacje juz próbowałem, oczekuje raczej odpowiedzi o osoby, która tworzyła wcześniej taki formularz

komentarz 14 kwietnia 2017 przez prominepl Bywalec (2,440 p.)

interesuje mnie także w jaki sposób podnienic zawartosc diva imgstart

komentarz 14 kwietnia 2017 przez marcin99b Szeryf (82,080 p.)

Zawartość podmieniasz za pomocą innerHTML

komentarz 14 kwietnia 2017 przez prominepl Bywalec (2,440 p.)

tak tez zrobilem ale wssytko sie wtedy sypie miedzy innymi checkboxy nie wykonuja funkcji onclick napisaniej ponizej

komentarz 14 kwietnia 2017 przez marcin99b Szeryf (82,080 p.)

Może nie podmieniasz wszystkiego co powinieneś.
Sprawdź przez inspektora w przeglądarce czy na pewno kod ma praco działać, czy w html wszystkie elementy z którymi współpracuje js w tym kodzie, istnieją po zmianie.