Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: JS checkbox
Forum PHP.pl > Forum > Po stronie przeglądarki
apeq
Witam serdecznie.
Mam taki mały problem nad którym główkuje już od jakiegoś czasu.
Otóż mam 3 pola checkbox. Chciałbym żeby po zaznaczeniu tych trzech pól pojawiał się DIV. Samo ukrywanie div`a nie stanowi problemu. Sęk w tym , zeby DIV pojawiał się tylko i wyłącznie po zaznaczeniu trzech checkboxów. W momencie kiedy odznaczę chociaż jeden z nich DIV ma znikać. Z początku wymyśliłem ze mozna zrobić tak, że pierwszy checkbox wyświetli drugiego, drugi trzeciego, a trzeci DIV`a. Niestety to nie zdaje egzaminu. Poniżej zamieszczam ten fragment kodu.


<input type="checkbox" name="nazwa" value="wartość" onclick="document.getElementById('identyfikator2').style.display = this.checked ? 'block' : 'none'; this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked" />
Tekst Tekst

<br>

<div id="identyfikator2"> <input type="checkbox" name="nazwa" value="wartość" onclick="document.getElementById('identyfikator3').style.display = this.checked ? 'block' : 'none'; this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked" />
Tekst2 Tekst2</div>

<br>

<div id="identyfikator3"><input type="checkbox" name="nazwa" value="wartość" onclick="document.getElementById('identyfikator4').style.display = this.checked ? 'block' : 'none'; this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked" />
Tekst3 Tekst3</div>

<div id="identyfikator4">Zawartość DIVA</div>

Na koniec powiem, ze skrypt ma mieć zastosowanie jako formularz rejestracyjny, czyli akceptacja regulaminu itp itd żeby móc założyć konto.

Bardzo proszę o pomoc. Pozdrawiam.
wookieb
A o bbcode kto ma pamietac?

Napisze ci MNIEJ WIECEJ jak to zrobic
[JAVASCRIPT] pobierz, plaintext
  1.  
  2. function funkcja_obslugujaca_zdarzenie_klikniecia()
  3. {
  4.  
  5. var sum = Number(document.getElementById('id_1').checked)+ Number(document.getElementById('id_2').checked) + Number(document.getElementById('id_3').checked);
  6.  
  7. if(sum>=3)
  8. {
  9. // pokaz div
  10. }
  11. else
  12. {
  13. //ukryj div
  14. }
  15. }
[JAVASCRIPT] pobierz, plaintext


Podpiąc funkcję do zdarzenia onclick powinieneś umieć.
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-2025 Invision Power Services, Inc.