Question

请原谅初学者的问题，非常感谢您的帮助。

我正在使用以下模板： http://www.prepbootstrap.com/bootstrap-template/multi-select-buttons

如果点击两个特定按钮，我想要重定向到另一个页面。我的解决方案是：

1）添加课程＆＃34; active＆＃34;单击时与按钮关联的div。据我所知，这可能是不必要的，因为激活类是自动添加的，因为包含了data-toggle =＆＃34; button＆＃34; 确实是这种情况，还是我需要添加激活类，使用以下内容？：

<button onclick="activate()">

然后，在JS文件中，

 function activate() {
    ( this ).toggleClass( "active" );
    };

2）如果两个特定按钮具有激活类（即，当它们被单击/选择时），则触发一个功能（重定向）。

这样做：我会先用一个带有不同Id的div来封闭每个按钮以区分它们：例如，我会用<button id="car"></div>

包围汽车按钮

其次，如果满足要求，我会添加以下函数进行重定向：

function redirect() {
if document.getElementById("car").hasClass('active') && (document.getElementById("truck").hasClass('active')=== true) 
{
location.href = "http://www.google.com";
}
};

有人可以告诉我，我是否走在正确的轨道上？

很抱歉，如果我的noob解决方案过于冗长，再次感谢，Andre

Answer 1

试试这个给每个盒子一个id 然后分配一个计数变量只要点击按钮检查是否已启用活动类如果已启用则输入count--; 如果没有将className更改为active并将计数增加1即ie。计数++; 同时检查计数值是否为2，如果是，则实现重定向功能。例如，

<w:document xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main">
  <w:body>
    <w:p>
      <w:r>
        <w:t>Example text.</w:t>
      </w:r>
    </w:p>
  </w:body>
</w:document>

Answer 2

好像我在寻找太复杂的东西。由于点击我的复选框按钮已经触发了课程“活动”，我所要做的就是纠正我的重定向功能，如下所示：

<script type="text/javascript">
    function redirect() {
if ((document.getElementById('car').classList.contains('active')) && (document.getElementById('truck').classList.contains('active')) == true) {
     window.location = "https://www.websitetoredirecto.com";
};
    };
</script>

感谢你的帮助，安德烈

选择两个引导按钮时的触发功能（Javascript）

2 个答案: