調用iframe，同時點擊一個或多個複選框

Question

我需要調用不同的iframe，一旦我點擊一個或多個複選框。 這個想法是關於將不同的圖表合併成一個圖表。 我想這在我的HTML文件：

function control(){ 
 
    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; 
 
            } 
 
\t \t \t \t \t \t \t \t return checkedValue; 
 
            } 
 
\t \t if checkedValue == 'TotalVoiceTrafficBH2' 
 
\t \t { <iframe src="http://localhost/xampp/www/interactive_php_mysql_charts/chart_trans2.html" width="700" height="500"/> } 
 
\t \t } 
 
     if checkedValue == 'TotalVoiceTrafficBH1' 
 
{ <iframe src="http://localhost/xampp/www/interactive_php_mysql_charts/chart_trans1.html" width="700" height="500"/> } 
 
\t \t }

任何幫助嗎？ 我需要重疊這些iframe，而我的用戶點擊2個或更多checkoboxes！

Answer 1

婁爲例

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);