checkbox и onclick HTML

Тема в разделе "Другие языки", создана пользователем rasandrey, 25 июн 2010.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. rasandrey

    rasandrey

    Регистр.:
    2 апр 2009
    Сообщения:
    214
    Симпатии:
    6
    У меня ест checkbox
    <input type="checkbox" name="header" value="header" onclick="document.getElementById('ds').style.display='block';" />

    По нажатию появляется блок с id="ds", как сделать чтобы по "отжатию :) " блок с id="ds" исчезал?
     
  2. diavolic

    diavolic

    Регистр.:
    17 мар 2010
    Сообщения:
    522
    Симпатии:
    102
    Код:
      <script language="JavaScript">
    
    	function expand (sitem)
    	{  
    		if (document.getElementById(sitem).style.display == 'block') 
    			document.getElementById(sitem).style.display='none'; 
    		else document.getElementById(sitem).style.display='block'
    	}
    
    </script>
    
    <input type="checkbox" name="header" value="header" onclick="expand ('ds');" />
    
    пиво - почтой.
     
    rasandrey нравится это.
  3. bork75

    bork75 Д☼брая собака )

    Регистр.:
    21 июн 2008
    Сообщения:
    1.449
    Симпатии:
    716
    Ещё вариант. Более простой.

    Всё, что между div будет скрыто.



    Код:
    <script language="javascript">
    function showDiv(div) 
    { 
    if (document.getElementById(div).style.display=="none") 
    document.getElementById(div).style.display="block"; 
    else 
    document.getElementById(div).style.display="none"; 
    } 
    </script> 
    
    <a href="javascript:showDiv('div19')"> Показать скрытое</a> 
    
    <div id="div19" style="display: none;"> 
      Скрытое html содержимое.
      Здесь может быть что угодно!
    </div>
    
    
     
Статус темы:
Закрыта.