За последние 24 часа нас посетили 18282 программиста и 1607 роботов. Сейчас ищут 1579 программистов ...

checkbox

Тема в разделе "JavaScript и AJAX", создана пользователем darkgod, 1 май 2009.

  1. darkgod

    darkgod Активный пользователь

    С нами с:
    31 мар 2008
    Сообщения:
    201
    Симпатии:
    0
    Подскажите плиз, как реализовать такое:

    Есть страница. По умолчанию должны выводиться не все элементы, а только указанные.
    Есть 3 чекбокса, при нажатии на каждый из них должны отображаться определенные элементы представленные им. Подскажите плиз как такое можно сделать???
     
  2. vital

    vital Активный пользователь

    С нами с:
    18 дек 2006
    Сообщения:
    162
    Симпатии:
    0
    Адрес:
    Минск
    HTML:
    1. <script type="text/javascript">
    2.  
    3. var code=new Array();
    4. code[1]='код первого блока';
    5. code[2]='код второго блока';
    6. code[3]='код третьего блока';
    7.  
    8. function aaa(i) {
    9. if(document.getElementById('c'+i).checked) {
    10. document.getElementById('p'+i).innerHTML=code[i];
    11. }
    12. else {
    13. document.getElementById('p'+i).innerHTML='';
    14. }
    15. }
    16.  
    17.  
    18.  
    19. <input type=checkbox id=c1 onClick="aaa(1)"> блок 1
    20. <br>
    21. <input type=checkbox id=c2 onClick="aaa(2)"> блок 2
    22. <br>
    23. <input type=checkbox id=c3 onClick="aaa(3)"> блок 3
    24. <br>
    25. <p id=p1></p>
    26. <p id=p2></p>
    27. <p id=p3></p>