Checkbox ile göster/gizle

Doğru Cevap

• 1
  

  11 yıl önce yazılmış

  protest

  32 cevap - 6 soru
  alternatif olsun
  jquery kullanmıyorsan;
  
  
  

  <input type="checkbox" name="checkboxname" id="checkboxid" onchange="degistir()">
  	 
  <div id=divimiz style="display: none;">test<div>
  
  <script>
  function degistir() {
  	     if(document.getElementById("checkboxid").checked) {
  	         document.getElementById("divimiz").style.display="block";
  	     } else {
  	         document.getElementById("divimiz").style.display="none";
  	     }
  	 };
  </script>
  

Cevaplar

• 1
  

  11 yıl önce yazılmış

  etkiweb

  19 cevap - 19 soru
  daha basit bir yolu şu..
  
  
  
  <input type="checkbox" onclick="$('#icerik').toggle()" id="check1" name="test" value="1" />
  
  <div id="icerik" style="display:none;">adasd</div>

  • protest
    daha basiti varken sildim cevabımı.
    11 yıl önce yazılmış
  • webtasarimturkey
    bu işlemin tam tersini yapmak istserseniz
    
    <div id="icerik" style="display:blok;">adasd</div>
    
    display blok yapmanız yeterli
    10 yıl önce yazılmış 10 yıl önce güncellenmiş