鍍金池/ 問(wèn)答/HTML/ bootstrap tab切換中有radio 但是斷點(diǎn)執(zhí)行radio切換了 但是

bootstrap tab切換中有radio 但是斷點(diǎn)執(zhí)行radio切換了 但是最后還是恢復(fù)了初始的選中樣式為什么

<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="海報(bào)" name="group">海報(bào)
                                <!--</a>-->
                            </label>
                        </li>

                    </ul>

clipboard.png

clipboard.png

但是執(zhí)行完畢還是會(huì)直選中第一個(gè) 雖然checked值變了

clipboard.png

clipboard.png

回答
編輯回答
囍槑

class="active"
因?yàn)檫@個(gè)。這個(gè)表示被選中了，你雖然加了切換，但是你沒(méi)有修改相應(yīng)的li的class，需要將原 .active的去掉，新的添加.actvie樣式

2017年4月23日 01:16