Javascript 引导单选按钮不使用数据切换_Javascript_Jquery_Html_Css_Twitter Bootstrap 3

Javascript 引导单选按钮不使用数据切换

javascript jquery html css twitter-bootstrap-3

Javascript 引导单选按钮不使用数据切换,javascript,jquery,html,css,twitter-bootstrap-3,Javascript,Jquery,Html,Css,Twitter Bootstrap 3,我对HTML和Bootstrap/jQuery非常陌生我有一个表单，我正在使用BS按钮。它们应该充当单选按钮，这意味着当按下它们时，背景颜色应该变暗（如下图所示）。但不知怎么的，它不起作用。以下是代码的摘录：有没有人知道如何做到这一点？多谢各位 <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Survey</tit

我对HTML和Bootstrap/jQuery非常陌生

我有一个表单，我正在使用BS按钮。它们应该充当单选按钮，这意味着当按下它们时，背景颜色应该变暗（如下图所示）。但不知怎么的，它不起作用。以下是代码的摘录：有没有人知道如何做到这一点？多谢各位

<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>Survey</title>
    <script type="text/javascript" src="jquery.mobile-1.4.5.min.js"></script>
    <script type="text/javascript" src="jquery.touchSwipe.js"></script>
    <script type="text/javascript" src="bootstrap.min.js"></script>
    <script type="text/javascript" src="Languages.js"></script>
    <script type="text/javascript" src="LoadLanguages.js"></script>
    <link rel="stylesheet" href="bootstrap.min.css"/>
    <link rel="stylesheet" href="jquery.mobile-1.4.5.min.css"/>
</head>


调查

这是一个问题的一组单选按钮：

尝试将JQuery Mobile和Bootstrap结合起来的结果可能是一些组件看起来像Bootstrap，而另一些组件看起来像JQuery Mobile。如果不在该页面中添加JQuery Mobile，您将看到可以得到所需的结果

解决方案是抑制JQuery Mobile中针对按钮的所有css，只需添加此行以隐藏单选按钮：

input[type=radio], input[type=checkbox] {
    visibility: hidden;
}

我希望这有帮助。

我把代码放在我的一个项目中，它成功了：.btn-primary.active，.btn-primary:active{背景色：#265a88；边框色：#245580；}你能在上面演示一下吗？@MadalinaTaina谢谢你的快速回复。这里有一个小问题：嗯，显示不是很理想，但没关系，最重要的是按钮的颜色在按下时会改变。也许另一件有趣的事情是单选按钮本身（也就是小圆按钮）总是被显示在BS的中间，你没有任何风格。如果你不告诉我们问题出在哪里，我们就帮不了你。