1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

[ASK] Hide Div with Checkbox di dalam loop

Discussion in 'Pemrograman Web' started by WilloWish, Jan 2, 2015.

  1. WilloWish

    WilloWish Hero

    Joined:
    Feb 2, 2012
    Messages:
    705
    Likes Received:
    19
    Location:
    webitu.com
    mau tanya ttg Javascript dong... kebetulan ane blm paham bgt sama Javascript.

    Kasusnya sprti ini:
    Code:
    
    <div class="baris" id="content1">isi baris content 1</div>
    <label><input type="checkbox" name="hideme" value="" id="chk1"/> Hide me </label>
    <br/>
    <br/>
    <div class="baris" id="content2">isi baris content 2</div>
    <label><input type="checkbox" name="hideme" value="" id="chk2"/> Hide me </label>
    <br/>
    <br/>
    <div class="baris" id="content3">isi baris content 3</div>
    <label><input type="checkbox" name="hideme" value="" id="chk3"/> Hide me </label>
    <br/>
    <br/>
    <div class="baris" id="content4">isi baris content 4</div>
    <label><input type="checkbox" name="hideme" value="" id="chk4"/> Hide me </label>
    <br/>
    <br/>
    <div class="baris" id="content5">isi baris content 5</div>
    <label><input type="checkbox" name="hideme" value="" id="chk5"/> Hide me </label>
    
    
    Pertanyaannya gmn script nya supaya ketika ane di-check checkboxnya, isi barisnya disembunyikan. Bila di-uncheck, isi barisnya muncul. tq
     
  2. nasdin

    nasdin Super Hero

    Joined:
    May 28, 2013
    Messages:
    806
    Likes Received:
    182
    Code:
        <script type="text/javascript">
          <!--
            function showhide(brs,chk) {
              var chkbox = document.getElementById(chk);
              var baris = document.getElementById(brs);
              baris.style.display = (chkbox.checked) ? "none" : "block";
            }
            //-->
        </script>
    
    full code & demo : _http://liveweave.com/BGXTKZ
     

Share This Page