Javascript ile selecboxta seçilen verinin sıfırlanması nasıl olur

Arkadaşlar sorunum şu şekilde 3 adet kategorim bulunmakta bunlarda hepsinde ayrı ayrı çalışan javascript kodları bulunmakta kategori seçildiğinde o kategorideki veriler açılıyor bunlarda checbox olayı ve tümünü seç mesela servis tamiri seçtiğimde altta açılanları işaretliyorum yedek parçayı ve diğer kategoriyi açtığımda orda da tümünü işaretle çalışıyor bunun önüne nasıl geçebilirim yani servis tamiri seçti ise sadece onun alt alanları işaretleyebilir diğer kategoriyi seçerse ordaki işaretkerin kalkmasını istiyorum yardımcı olursanız sevinirim...

Kodlar :: 
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
function check3() {
    document.getElementById("myCheck1").checked = true;
    document.getElementById("myCheck2").checked = true;
    document.getElementById("myCheck3").checked = true;       
}
function uncheck4() {
    document.getElementById("myCheck1").checked = false;
    document.getElementById("myCheck2").checked = false;
    document.getElementById("myCheck3").checked = false;
}
</script>


<script>
    function check5() {
        document.getElementById("servis1").checked = true;
        document.getElementById("servis2").checked = true;
        document.getElementById("servis3").checked = true;
    }

    function uncheck6() {
        document.getElementById("servis1").checked = false;
        document.getElementById("servis2").checked = false;
        document.getElementById("servis3").checked = false;
    }        
</script>

<script>
        function check7() {
            document.getElementById("galeri1").checked = true;
            document.getElementById("galeri2").checked = true;
            document.getElementById("galeri3").checked = true;
        }
        function uncheck8() {
            document.getElementById("galeri1").checked = false;
            document.getElementById("galeri2").checked = false;
            document.getElementById("galeri3").checked = false;

        }
</script>
  
<script type="text/javascript">

$(document).ready(function(){
        $("select").change(function(){
            $( "select option:selected").each(function(){
                if($(this).attr("value")=="red"){
                    $(".box").hide();
                    $(".red").show();
                }
                else if($(this).attr("value")=="green"){
                    $(".box").hide();
                    $(".green").show();
                }
                else if($(this).attr("value")=="blue"){
                    $(".box").hide();
                    $(".blue").show();
                }
                else{
                    $(".box").hide();
                }
            });
        }).change();
    });
</script>  
  
<script type="text/javascript">

 $(document).ready(function(){
        $("select").change(function(){
            $( "select option:selected").each(function(){
                if($(this).attr("value")=="1"){
                    $(".box").hide();
                    $(".1").show();
                }
                if($(this).attr("value")=="2"){
                    $(".box").hide();
                    $(".2").show();
                }
                if($(this).attr("value")=="3"){
                    $(".box").hide();
                    $(".3").show();
                }
            });
        }).change();
    });
</script>
<label>Faaliyet Türü *</label>                                                                                                                
  <select name="firma_servis_tur" class="form-control selectpicker">
    <option value="0" selected>Faliyet Seçiniz</option>                                                                                                               
    <option value="1">Servis Tamir</option> 
    <option value="2">Yedek Parça</option> 
    <option value="3">Oto Galeri</option>                                                                                                               	
  </select>   




<div class="1 box"> 
  <h3 class="panel-title">Servis türü Seç <button type="button" class="btn btn-primary btn-xs" onclick="check3()">Tümünü Seç</button>&nbsp;&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-info btn-xs" onclick="uncheck4()">Tüm işareti kaldır</button></h3>                                                  													
  	 <div class="panel-body">
        <ul class="optional-features-list">                                        	
         <li class="checkbox"><label><input type="checkbox" value="1" id="myCheck1" name="tamir1">Aksesuar</label></li>
		 <li class="checkbox"><label><input type="checkbox" value="1" id="myCheck2" name="tamir2">Cam-Kilit-Kapı</label></li>
         <li class="checkbox"><label><input type="checkbox" value="1" id="myCheck3" name="tamir3">Elektrik-Klima</label></li>                                                                                              
        </ul>
     </div>
</div>	


<div class="2 box">
  <h3 class="panel-title">Yedek Parça türü Seç <button type="button" class="btn btn-primary btn-xs" onclick="check5()">Tümünü Seç</button>&nbsp;&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-info btn-xs" onclick="uncheck6()">Tüm işareti kaldır</button></h3>                                                  										
     <div class="panel-body">
       	<ul class="optional-features-list">                                        	
          <li class="checkbox"><label><input type="checkbox" value="1" id="servis1" name="servis1">Filtre</label></li>
          <li class="checkbox"><label><input type="checkbox" value="1" id="servis2" name="servis2">Egzoz</label></li>
          <li class="checkbox"><label><input type="checkbox" value="1" id="servis3" name="servis3">Go Kart</label></li>                                                                                             
        </ul>
</div>	

<div class="3 box">
  <h3 class="panel-title">Oto Galeri türü seç <button type="button" class="btn btn-primary btn-xs" onclick="check7()">Tümünü Seç</button>&nbsp;&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-info btn-xs" onclick="uncheck8()">Tüm işareti kaldır</button></h3>
    <div class="panel-body">
       <ul class="optional-features-list">                                        	
          <li class="checkbox"><label><input type="checkbox" value="1" id="galeri1" name="galeri1">2.El Oto alım satım</label></li>
		  <li class="checkbox"><label><input type="checkbox" value="1" id="galeri2" name="galeri2">Oto Alım Satım</label></li>
          <li class="checkbox"><label><input type="checkbox" value="1" id="galeri3" name="galeri3">Oto Kiralama</label></li>                                                                                               
       </ul>
     </div>
</div>										

 

Kodlarını çalıştırdım. Dediğin gibi bir soruna rastlayamadım. Tümünü Seç butonuna basınca sadece kendi altındaki ürünleri seçiyor.

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git