我想要这个: 单击该课程时,将会显示该课程的图表。例如: 当你点击数学单选按钮..会有数学图表..然后,当你点击p.e.单选按钮..数学图表将被隐藏和p.e.会显而易见..
我的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 Part ..
<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>
我从here获取了图表脚本..
答案 0 :(得分:2)
id应该是引号,而你没有引号,
应该是这样的。
onclick="charts('chart_div', 'chart_div1', 'chart_div2', 'chart_div3')"