Javascript 单击一个或多个复选框时调用iframe

单击一个或多个复选框后，我需要调用不同的iframe。 其想法是将不同的图表合并到一个图表中。 我在html文件中尝试了以下内容：

函数控制（）{
var checkedValue=null；
var inputElements=document.getElementsByName（'check_list[]）；
对于（变量i=0；输入元素[i]；++i）{
if（inputElements[i]。选中）{
checkedValue=inputElements[i]。值；
打破
}
返回checkedValue；
}
如果checkedValue==“TotalVoiceTrafficBH2”
{  }
}
如果checkedValue==“TotalVoiceTrafficBH1”
{  }
}

下面是一个例子

function checkValue() {
  var checkedValue = null;
  var inputElements = document.getElementsByName('check_list[]');
  for (var i = 0; inputElements[i]; ++i) {
    if (inputElements[i].checked) {
      checkedValue = inputElements[i].value;
      break;
    }
    return checkedValue;
  }
}


var iframe = document.createElement('iframe');


switch(checkValue()) {
    case 'TotalVoiceTrafficBH2':
       iframe.src = 'http://localhost/xampp/www/interactive_php_mysql_charts/chart_trans2.html';
        break;
    case 'TotalVoiceTrafficBH1':
       default:
        iframe.src = 'http://localhost/xampp/www/interactive_php_mysql_charts/chart_trans1.html';
        break;

}
document.body.appendChild(iframe);

---

这对我不起作用，我应该提一下，我的复选框是进入的。我的意思是，它们的值被发布到另一个php文件中。那么，把它们的值放到html文件中是否合适呢？好吧，我把javascript代码放到html正文中，只得到第二个iframe，是指默认的iframe，还有其他建议吗@Vladu？！