Uzman Cevap beta aşamasından çıkmaya hazırlanıyor! Yenilikleri takipte kalın.

Checked class atamak

Selam Arkadaşlar,
başlıktada belirtildiği gibi bir forumum var ve bunun içinde aynı özelliklere sahip birkaç tane alanım var,
bu alanlardan her birini radio buttonu ile şeçtiriyorum. Yapmak istediğim olay ise seçilen radio buttonunun dışındaki bir dive class atamak.


<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 lieferTab">
<ul class="lieferAdres">
<li>
<div class="input-group">
<span class="input-group-addon">
   <input type="radio" name="lieferSec" value="1">
</span>
<div class="form-control"><strong style="padding-top: 2px; position:absolute">Wählen</strong></div>
</div> 
</li>
<li><i data-toggle="tooltip" data-placement="bottom" title="Anschrift" class="fa fa-road" aria-hidden="true"></i> xxx</li>
<li><i data-toggle="tooltip" data-placement="bottom" title="Anschrift zusatz" class="fa fa-road" aria-hidden="true"></i> xxx</li>
<li><i data-toggle="tooltip" data-placement="bottom" title="Plz & Stadt" class="fa fa-home" aria-hidden="true"></i> xxxx</li>
<li><i data-toggle="tooltip" data-placement="bottom" title="Land" class="fa fa-globe" aria-hidden="true"></i> xxx</li>
</ul>
</div>
 


Yukardaki kodlarda yer alan <div class="input-group"> yerine radio button hagisinindeki eşçilmisse onun classını değiştirmek mesela
1.alandaki radio buttonuna tıklandı ve o radio buttonundaki <div class="input-group"> ı <div class="input-group has-success">ile değiştirmek istiyorum.

Şu şekilde bir deneme yaptım ama bütün clasları değiştiriyor


$("input[type='radio']").change(function(){
	var val = $("input[name=lieferSec]:checked").val();
	if(val){
		$("span").parent().addClass("has-success");
	}else {
		alert("secilmedi");
	}
});


Yardımcı olursanız sevinirim Teşekkürler
Cevaplar (2)
0
Aşağıdaki gibi denermisin. Açıklamar yazım yanlarına.
$("input[type='radio']").change(function(){
	var val = $("input[name=lieferSec]:checked").val();
	if(val){
                 $('input[type="checkbox"]').addClass('has-success');// önce hepsine class atarsın 
		$(this).removeClass("has-success");// sonra seçili checkboxsın classını silersin olur..
	}else {
		alert("secilmedi");
	}
});
0
Cevabına Teşekkür ederim Kardeşim,
verdiğin örneği bende denedim buraya yazmadan önce ama sorun şuki sadece seçili olan Radio buttona ait olan <div class="input-group"> burayı şu şekilde değiştirecek <div class="input-group has-success">. Tabi başka bir Button seçersem o clası bundan kaldırıp seçtiğim buttona atayacak.
Cevap Yazın..

[code=css,php,sql,asp..]..kod..[/code] , [url=http:...com] , [img=resim linki]
[color=renk kodu]..yazı..[/color]

yabancı dizi izle tv ünitesi