选中复选框时html调用js文件

由 发布于

I want to change to change the scrips file that is call when the input button is checked, the scripts files makes two graphs from differents csv files and both have different data structures and they point to the same divs id="donut" and id="bar" so they overlap between then if both sources are loaded . 

<div>
  <h3>graphs</h3>
  <label>
    <input type="checkbox" class="radio"  name="fooby[1][]" checked />source 1</label>
  <label>
    <input type="checkbox" class="radio"  name="fooby[1][]" />source 2</label>
</div>

<!-- graphs -->

<div class="container">
    <div id="donut"><h3>donut chart</h3></div>
    <div id="bars" ><h3>bar chart</h3></div>
</div>

<script type="text/javascript" src="js/donut_source1.js"></script>
<script type="text/javascript" src="js/bars_source1.js"></script>
<script type="text/javascript" src="js/donut_source2.js"></script>
<script type="text/javascript" src="js/bars_source2.js"></script>