问题标签 [bootstrap-switch]

当用户选择 2 个引导切换复选框时，我试图弹出一条消息。到目前为止，我已经设置好了：

我的html：

我的javascipt：

我的 CSS：

这是我的Jsfiddle

最终我将有大约 10 个切换开关，但我希望能够在选择 2 个特定的切换开关/复选框时显示一条消息。

谢谢

我正在尝试将在检查时更改 tr 类的 JQuery 转换为在按钮获取名为“活动”的类时更改 tr 类的 JQuery。我是一个 JQuery/Javascript 新手，我很茫然。

对于那些认为它是重复的人，我试图检测类并失败了（下面更新了代码）。

原始代码（有效）

我可怕的尝试（在下面更新......不再是这个）

我正在使用 Bootstrap Switch 插件，它将复选框转换为切换 http://www.bootstrap-switch.org/

转换后的 html 如下所示：

更新！！！根据“重复”的建议。

在查看了这个问题（这很有帮助）之后，我已经将我的代码更改为这个，但我仍然无法让它工作。我想知道是否很难找到确切的输入类？因为插件将复选框转换为 html，所以我不能（或不知道如何）为按钮设置特定的名称或 ID。

我正在使用 Vue 制作我的第一个脚本，我想我喜欢它；）

我的引导开关有问题：http: //www.bootstrap-switch.org/

它永远不会触发此组件上的 v-on:change：

这是我生成的代码

在所有其他领域， v-on:change 工作正常！

任何想法如何触发它？？？

我有一些样式为bootstrapSwitch. state我编写了一个脚本，当 bootstrapSwitch为真时，必须将复选框的值添加到数组中。

这是我的代码：

但令人惊讶的是push方法替换了值，我的s数组总是有一个索引。

你能告诉我这是为什么吗？

提前致谢

我必须创建刷新（用所有 HTML 刷新整个聊天框）聊天框，并且在聊天框内，我有一个引导开关。这个开关也替换为我的代码。

更换整个元素后。自举开关停止工作。我决定删除所有按钮 HTML 并重新添加开关。（如果有开关刷新方法，最好在我的代码中添加）。

我试过这个，

似乎这对任何事情都没有影响。问题就在那里。对这些人有什么建议吗？

我正在调整聊天框的宽度。这就是我替换 HTML 的方式。

目前我尝试使用带有传单的 Booststrap 开关来显示/遮罩层+图例。第一步没问题，我可以在模式窗口中使用复选框。当激活 2 个或更多复选框时，我遇到了问题，图层相互堆叠，这与我的图例相同。有人可以告诉我如何使用 booststrap 开关按钮只显示一个图层并停用所有其他图层（包括加载页面期间在后台使用的图层）吗？

演示小提琴在这里

带有 Boostrap Switch 的一层代码。仅显示/遮罩这一层，而不是所有层：

谢谢你原谅我的英语，我不是本地人......

下面是我的 bootstarp 切换按钮的代码片段。在这里，我将数据关闭设置为空白字符串，尽管它显示消息为关闭。如何将其设置为空白字符串？

所以我正在我的 cms 上处理我的用户组页面，我添加了一个开关来确定该组是否有权访问管理部分。如果是这样（并且用户检查了开关），将显示一个权限 div。为此，我使用了 Bootstrap 的插件 Bootstrap Switch。

这是代码：

如果我使用 $('input#isAdmin').state 或 .attr('checked') 或 .checked 的警报更改 show() 或 hide() 方法，我会得到“未定义”。

有任何想法吗？

描述：

我浏览了 Bootstrap Switch 的文档，但不清楚我应该如何更改开关输入的 labelText。

这是它应该看起来的样子：

我只是在“标签”区域中没有文字就知道了。

我试过的：

我可以通过这种方式默认设置 labelText：

但我不想将每个 bootstrapSwitch labelText 都设置为“Label！” 只有一个。

我试过 $("#my-input").labelText("Label!"); 但没用（没想到会这样）

问题：

如何使用 Bootstrap Switch 为一个输入设置标签文本？

我在一个带有 MasterPage 的 Web 窗体项目中使用了两个 asp.net ckeckboxes（chk1 和 chk2），我希望当我点击 chk1 时，chk2 变为禁用，反之亦然，而不刷新整个页面，所以我使用 updatepanel 来实现这一点，我只是在 chk1 上实现 CheckedChanged 事件并将其 AutoPostBack 属性设置为“true”，一切正常。

问题是当我尝试实现 bootstrap-switch 插件时（这两个复选框看起来很像 bootstrap-switch），但问题是当我点击 chk1 时，不会触发 CheckedChanged，所以启用属性chk2 不受影响。

我认为问题在于当用户单击 chk1 时，实际上单击发生在引导开关的跨度元素上，而不是 chk1 本身。

请帮忙，对不起英语。

更新1：

这是页面运行时的源代码（右键单击浏览器），因此您可以看到所需的引导开关库：

现在这是 Test.aspx 文件：

现在这是 Test.aspx.cs 文件：

在我发布的最后一个文件中：“Test.aspx.cs”，在 Page_Load 事件中，我必须手动将该属性添加到“chk1”以获得“切换”效果，因为如果我把那个属性（“ aspx 编辑器中的 data-size"、"data-on-text"、"data-off-text" 和 "class") 然后它在运行时不起作用，如果我删除那几行代码然后 CheckedChanged 工作，但开关的样式不起作用。

希望我能更详细地解释我，有任何问题请问我。