2014-03-01 83 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')"