Question

我想要这个：单击该课程时，将会显示该课程的图表。例如：当你点击数学单选按钮..会有数学图表..然后，当你点击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获取了图表脚本..

Answer 1

id应该是引号，而你没有引号，

应该是这样的。

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

Javascript onclick事件无效

1 个答案: