jquery - Bootstrap 样式单选按钮在部分回发时不保留状态

Question

我的单选按钮没有在 ajax 回传中保留它们的程式化设置。

我在一个面板里面有这样的东西

<div id="radio-grou-fu" class="btn-group" data-toggle="buttons">
     <asp:RadioButton GroupName="Group1" ID="Radio1Yes" AutoPostBack="true" runat="server" Checked="False" CssClass="btn btn-fix btn-default" Text="Yes"></asp:RadioButton>
     <asp:RadioButton GroupName="Group1" ID="Radio1No" AutoPostBack="true" runat="server" Checked="True" CssClass="btn btn-fix btn-default " Text="No"></asp:RadioButton>

当点击样式按钮时，它会正确地将“active”类应用于 span 以正确设置样式。但是，当我执行部分回发时，即使 radio 的检查状态持续存在，“事件”类也会被删除并且不会重新应用。

我是否需要某种 JS 来手动检查它是否已选中，然后应用正确的事件类？

Answer 1

听起来回传正在用 .active 类替换 DOM 元素，并使用同一元素的新实例。由于您使用 JavaScript 添加了 .active 到旧的 DOM 元素，因此您新呈现的回传将没有该类。

您可以在回发后运行一些 JS，检查 radio 是否被选中并应用 .active。

这里讨论回发完成后如何触发你的JS: https://stackoverflow.com/a/4223963/1712751