2014-03-01 112 views
-1

我想要這個: 當您單擊課程時,將會有該課程的圖表。例如:當您單擊數學單選按鈕時,將顯示 ..將會有數學圖表。然後,當你點擊pe時單選按鈕..數學圖表將隱藏和p.e.將可見..Javascript onclick事件不起作用

我的JavaScript代碼..

<script type="text/javascript"> 
function charts(firstchart, seconchart, thirdchart, fourthchart){ 
    document.getElementById(firstchart).style.display='inline'; 
    document.getElementById(secondchart).style.display='none'; 
    document.getElementById(thirdchart).style.display='none'; 
    document.getElementById(fourthchart).style.display='none';  
} 
</script> 

我的CSS部分..

<style> 
#chart_div {width: 900px; height: 500px;display:none;} 
#chart_div1 {width: 900px; height: 500px;display:none;} 
#chart_div2 {width: 900px; height: 500px;display:none;} 
#chart_div3 {width: 900px; height: 500px;display:none;} 
</style> 

我的身體部分...

<body> 
<div id="chart_div"></div> 
<div id="chart_div1"></div> 
<div id="chart_div2"></div> 
<div id="chart_div3"></div> 
<form action=""> 
<input name="ali" type="radio" onclick="charts(chart_div, chart_div1, chart_div2, chart_div3)" />Math <br> 
<input name="ali" type="radio" onclick="charts(chart_div1, chart_div, chart_div2, chart_div3)" />English <br> 
<input name="ali" type="radio" onclick="charts(chart_div2, chart_div1, chart_div, chart_div3)" />Biology <br> 
<input name="ali" type="radio" onclick="charts(chart_div3, chart_div1, chart_div2, chart_div)" />P.E. <br> 
</form> 

我從拿了圖表腳本..

+1

你的問題是什麼? –

+0

你能告訴我們你試過什麼嗎? –

+0

請解釋我們如何幫助你? – Irfan

回答

2

ID應該是進入報價和你使用沒有引號,

應該是這樣的。

onclick="charts('chart_div', 'chart_div1', 'chart_div2', 'chart_div3')"