一缕琴音映斜阳 2017-08-15 06:59 采纳率: 0%
浏览 1192

选中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");
    });
});
  • 写回答

4条回答

  • Go 旅城通票 2017-08-15 07:05
    关注
     <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> 
    
    评论

报告相同问题?

悬赏问题

  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?