选中radio后,给标签加上类名,选中别的radio后,类名也跟随加上怎么实现 JS或JQ都行

 <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名");
});