[javascript] onclick do zmiany stylu Opcje

[marcinsm]

witam, mam dwa checkboxy:

[HTML] pobierz, plaintext 
<input type="checkbox" name="a"  onclick="document.getElementById('menu1').style.display = this.checked ? '' : 'none';" />
<input type="checkbox" name="b"  onclick="document.getElementById('menu2').style.display = this.checked ? '' : 'none';" />
[HTML] pobierz, plaintext 

i chciałem zrobić że po zaznaczeniu aktywują się odpowiednie wiersze w tabeli, a tebele mam taką:

[HTML] pobierz, plaintext 
<table>
   <tr><td>lp</td><td>imie</td><td>nazwisko</td></tr>
 
   <tr id="menu1" style="display:none;"><td>1</td><td>Marcin</td><td>Marcinowski</td></tr>
   <tr id="menu1" style="display:none;"><td>2</td><td>Tomek</td><td>Tomkowski</td></tr>
   <tr id="menu1" style="display:none;"><td>3</td><td>Kasia</td><td>Kasowska</td></tr>
 
   <tr id="menu2" style="display:none;"><td>1</td><td>Edyta</td><td>Edowska</td></tr>
   <tr id="menu2" style="display:none;"><td>2</td><td>Andrzejek</td><td>ANdrzejowski</td></tr>
   <tr id="menu2" style="display:none;"><td>3</td><td>Artur</td><td>Arturowski</td></tr>
</table>
[HTML] pobierz, plaintext 

z racji tego że ID moze być użyte tylko 1 raz to pojawia mi się jeden wiersz.
Próbowałem zrobić na getElementsByClass lub na getElementsByClassName ale nie ogarniam :/
Pomoże ktoś

[kamil4u]

Próbowałem zrobić na getElementsByClass lub na getElementsByClassName ale nie ogarniam :/

Jak próbowałeś? Generalnie musisz zrobić pętlę po tych elementach:

[HTML] pobierz, plaintext 
<span class="test">test</span> <br>
<span class="test">test</span> <br>
<span class="test">test</span> <br>
<span class="test">test</span> <br>
<span class="test">test</span> <br>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
var els, el, i;
 
els = document.getElementsByClassName('test');
for( i = 0; el = els[i]; i++ ){
    el.style.color = 'red';
}
[JAVASCRIPT] pobierz, plaintext 

[tzm]

Ogólnie polecam zaimplementować jQuery, wtedy wyglądało by to tak:

[JAVASCRIPT] pobierz, plaintext 
$('.test').css("color", "red");
[JAVASCRIPT] pobierz, plaintext