Forum PHP.pl > Aktywacja za pomocą checkbox'ów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Aktywacja za pomocą checkbox'ów - problem

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

KR2615

29.06.2011, 08:37:49

Witam.
Chciałem, aby po wybraniu jednego z chceckboxów aktywowały się inne pola w moim formularzu. Znalazłem w Internecie gotowca. Wkleiłem pomiędzy <head> a </head> taki kod:

[HTML] pobierz, plaintext 
<script>
        function f(){
        if(document.getElementById('radio2').checked==true)document.getElementById('hidden').style.display='inline';
        else document.getElementById('hidden').style.display='none';
        }
</script>
[HTML] pobierz, plaintext

a w formularzu mam coś takiego:

[HTML] pobierz, plaintext 
<label for="radio1"><input id="radio1" type="radio" name="group" onclick="f()" checked="checked" />nie</label>
<label for="radio2"><input id="radio2" type="radio" name="group" onclick="f()" />tak</label>
[HTML] pobierz, plaintext

chciałbym, aby ten checkbox aktywował mi zarówno <input> jak i <select>. Niestety (na to mi wygląda) że musiałbym im nadać ten sam parametr id="". Wstawienie takiego kodu na stronę:

[HTML] pobierz, plaintext 
<select style="display:none;" id="hidden" size="1" name="src">
<option value="1" >raz</option>
<option value="2" >dwa</option>
<option value="3" >trzy</option>
</select><br />
<input style="display:none;" id="hidden" type="text" name="date" size="40" value="">
[HTML] pobierz, plaintext

Powoduje że wyświetla się tylko <select> Nie wiem jak sobie z tym poradzić, potrzebuję pomocy.

luckyps

29.06.2011, 09:04:14

Nie możesz mieć wiecej niż jednego id o tej samej wartości - musi być unikalne. Użyj name lub class.

KR2615

29.06.2011, 09:23:19

Wiem o tym i dlatego podejrzewalem, ze tak nie moze byc. Szukam innego rozwiazania. Zmieniłem z id="hidden" na class="hidden" i a do script dodałem to co znalazłem w necie

[HTML] pobierz, plaintext 
<script>
var allHTMLTags = new Array();
 
function getElementByClass(theClass) {
 
var allHTMLTags=document.getElementsByTagName(.*.);
for (i=0; i<allHTMLTags.length; i++) {
if (allHTMLTags[i].className==theClass) {
allHTMLTags[i].style.display=.none.;
}
}
}
 
        function f(){
        if(document.getElementById('radio2').checked==true)document.getElementByClass('hidden').style.display='inline';
        else document.getElementByClass('hidden').style.display='none';
        }
</script>
[HTML] pobierz, plaintext

ale efekt jest taki, ze juz nic sie nie pojawia po wybraniu checkboxa.

luckyps

29.06.2011, 09:50:59

Powinna wystarczyc tylko ta funckja wywolywana na onclick:

[HTML] pobierz, plaintext 
function f(){
    var elements = document.getElementsByClassName('hidden');
    if(document.getElementById('radio2').checked==true) {
        for (i = 0; i < elements.length; i++){
            elements[i].style.display = 'inline';
        }
    }
    else {
        for (i = 0; i < elements.length; i++){
            elements[i].style.display = 'none';
        }
    }
}
[HTML] pobierz, plaintext

KR2615

29.06.2011, 10:11:27

Dzięki, działa

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.