问题标签 [bootstrap-switch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1485 浏览

php - 使用 PHP 或 jQuery 设置 Bootstrap-Switch 复选框选中状态

我需要根据 mysql 数据库中的值使用引导开关设置复选框的状态。

我试图用这样的 PHP 来做,但它似乎不起作用,代码是摘录:

开关检查状态似乎是随机的,而不是基于我从数据库收到的值。

0 投票
0 回答
450 浏览

javascript - 自举开关组的选择

我的桌子上有很多开关,所以我想分别打开(开/关)每个开关。但是在这里,当我切换某个人时,它会影响到所有我认为是由于它的原因class。请告诉我如何在不影响其他人的情况下使用每个开关,

这是开关组 在此处输入图像描述

此开关正在使用css

0 投票
1 回答
948 浏览

javascript - 使用 Bootstrap Switch 和 Ruby on Rails 查找复选框的状态

我正在尝试使用 Bootstrap Switch ( http://bootstrapswitch.com/ ) 和带有 Ruby on Rails 的 Bootstrap Switch gem访问已制成开关的复选框的状态。有了这个,我的目标是显示/隐藏某些 div。

我让它适用于标准单选按钮,但对于已更改为开关的复选框,我无法解决。任何帮助都会非常感谢。

为我的表单使用简单表单 gem:

JS:

相关的 HTML 输出:

0 投票
0 回答
740 浏览

javascript - Bootstrap Switch 显示了两个带有 Rails 和 Simple Form 的开关

我将 Bootstrap Switch Gem 与 Ruby on Rails 和 Simple Form Gem 一起使用。根据 Bootstrap Switch 说明,我已将开关初始化如下:

但是单选按钮显示为两个开关并且无法正常工作:

在此处输入图像描述

而它们当然应该显示如下:

在此处输入图像描述

什么会导致这种情况?我将它用于复选框,所有工作都按预期工作。

单选按钮的 HTML 输出:

感谢任何帮助谢谢。

0 投票
0 回答
1305 浏览

javascript - Bootstrap Switch 在 IE11 上不起作用?

我似乎无法让我的 Bootstrap Switch 在 IE11 中工作,但它适用于 Chrome 和 Edge。这是 HTML 片段:

这是我的 JS:

这是 Chrome 屏幕截图:

在此处输入图像描述

还有一张 IE 截图:

在此处输入图像描述

知道这里发生了什么吗?是否有一个简单的解决方法或者 IE11 不支持引导开关?

更新:我现在制作了一个单独的 index.html 文件来测试它。我下载了最新版本的 bootstrap、bootstrap switch 和 jquery。我的文件有以下代码:

从字面上看,这几乎是使用引导开关网站上的开关的教程(我会链接,但这个网站不会让我链接超过 2 个链接,直到我有更高的声誉)。仍然无法在 IE11 上运行,在 Chrome 上运行良好。

0 投票
1 回答
321 浏览

html - Bootstrap switchand angular initialization

I 've a problem with bootstrap switch initialization

ng-model doesn't initialize the status, it is always false. I've tried even with ng-checked="{{accessory.value}}" but nothing is changed. If I use checked or checked="checked" all work fine. Do you have any advice?

This is the directive for bootstrap switch:

with the comment of ngModel.$setViewValue(false); value is true but the switch is still on off.

0 投票
1 回答
638 浏览

javascript - 更改状态和只读

我正在使用Bootstrap Switch库,并在 document.ready 中将其初始化为

允许用户上传我通过它发布到服务器的文件ajax,如果一切顺利,我想将特定开关设置为关闭并使其只读。开关 id 从服务器返回给我,这与标记中的完全相同。现在我的问题是,如果我执行以下操作

但如果我这样做

我也试图通过BootstrapSwitchOptions如下

没有任何运气。上面的代码在一个changeStateAndReadonly被调用的函数中,一旦文件上传成功就会被调用。

有人可以告诉我我做错了什么。

0 投票
1 回答
255 浏览

angular - BootstrapSwitchDirective 不适用于 Angular4 中的 ngModel

我正在尝试将 BootstrapSwitch 库实现到我的 Angular 4 项目中。我创建了以下指令:

我的输入结构是:

我可以将它与表单提交一起使用,如下所示:

但是,当我尝试与 ngModel 绑定时,它不起作用。

缺少的是我猜想在 angularjs 中有如下类似的方法:

任何帮助表示赞赏。

0 投票
1 回答
4379 浏览

jquery - 带有文本的自定义复选框引导切换开关

我正在尝试实现如下图所示,但还没有得到任何结果。我需要一个带有不同文本的开关按钮,例如是/否、自动/自定义、选中/取消选中。我试过了,但和下图不一样。

查看演示代码: http ://discountwiceeals.com/toggle.html

在此处输入图像描述

0 投票
1 回答
552 浏览

html - 跨度的 Chenge CSS 放置在输入左侧[type=checkbox]

有谁知道在选中复选框时如何更改放置在 input[type=checkbox] 左侧的跨度的不透明度,这是我的 HTML 代码。

HTML:

这是我的伪 SCSS:

SCSS:

我想知道如何做到这一点:

为了改变放置在开关左侧的跨度的不透明度

谢谢。