1

我在我的项目中使用引导切换来创建切换开关。

这是我的拨动开关的代码（默认一侧是“初级分析”，另一侧标题为“二级分析”）：

  <label class="checkbox-inline">
    <input type="checkbox" id="toggle-event" checked data-toggle="toggle" data-on="Primary Analysis" data-off="Secondary Analysis"> 
  </label>

在我的拨动开关旁边，我有一个标题为“分析”的按钮。

这是我想要做的：

当拨动开关转到显示“主要分析”的一侧时，如果我点击“分析”按钮，我想渲染某个图表。这是一个 Highcharts 图表，包含在 id 为“chart1”的 div 标签中。

当拨动开关转到显示“二次分析”的一侧时，如果我点击“分析”按钮，那么我想渲染一个不同的图表。此图表是一个 highcharts 图表，包含在 ID 为“chart2”的 div 标记中。

我正在阅读 Bootstrap Toggle 网站上关于事件传播的教程，这可能会有所帮助：

  <input id="toggle-event" type="checkbox" data-toggle="toggle">
    <div id="console-event"></div>
     <script>
      $(function() {
     $('#toggle-event').change(function() {
       $('#console-event').html('Toggle: ' + $(this).prop('checked'))
       })
      })
   </script>

有任何想法吗？

4

0 回答 0