<ul class="more_address_hidn">
<li>
<span>
<input type="radio" name="identity" value />
1111111111111111111
</span>
</li>
<li>
<span>
<input type="radio" name="identity" value />
22222222222222222222
</span>
</li>
<li>
<span>
<input type="radio" name="identity" value />
3333333333333333333
</span>
</li>
</ul>
选中radio后 给li加一个类名,选中别的,类名跟随
自己写了个JQ的代码,但是实在SPAN标签上加的,并且不跟随
$(function(){
$(".add_stn input").change(function(){
$(":checked").parent().addClass("set1").siblings().removeClass("set1");
});
});
<ul class="more_address_hidn">
<li>
<span>
<input type="radio" name="identity" value />
1111111111111111111
</span>
</li>
<li>
<span>
<input type="radio" name="identity" value />
22222222222222222222
</span>
</li>
<li>
<span>
<input type="radio" name="identity" value />
3333333333333333333
</span>
</li>
</ul>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$('.more_address_hidn input').click(function () {
$('.more_address_hidn >li').removeClass('set1');
$(this).closest('li').addClass('set1')
});
</script>
jquery轻易能做到的,基本功要练
$(".more_address_hidn li input[type='radio']").on("click", function () {
$(this).addClass("类名");
});
$("你的元素']").on("click", function () {
this.addClass("CLASS名");
});