bootstrap tab切换中有radio 但是断点执行radio切换了 但是最后还是恢复了初始的选中样式为什么

Question

<ul class="nav nav-tabs">
                        <li class="active" href="#doc" data-toggle="tab">
                        <label class="radio" >
                            <!--<a   style="color: black; text-decoration: none; cursor: default; font-size: 16px;">-->
                                <input type="radio"  value="文档" name="group" checked="checked">文档
                        <!--</a>-->
                        </label>
                        </li>
                        <li href="#pic" data-toggle="tab" >
                            <label class="radio" >
                                <!--<a   style="color: black; text-decoration: none; cursor: default; font-size: 16px; margin-left: 20px;">-->
                                <input type="radio"  value="海报" name="group">海报
                                <!--</a>-->
                            </label>
                        </li>

                    </ul>

但是执行完毕还是会直选中第一个 虽然checked值变了

Answer 1

class="active"
因为这个。这个表示被选中了，你虽然加了切换，但是你没有修改相应的li的class，需要将原 .active的去掉，新的添加.actvie样式