我想要这样:当您单击课程时,将有该课程的图表..例如:当您单击数学单选按钮..时,将有数学图表..然后,当您单击pe单选按钮..数学将被隐藏,pe将可见..
我的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>
我从这里拿了图表脚本..
该ID应加引号,并且您使用的不带引号,
应该是这样的。
onclick="charts('chart_div', 'chart_div1', 'chart_div2', 'chart_div3')"
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句