2014-03-01 3 views
-1

원하는 항목 : 수업을 클릭하면 수업의 차트가 표시됩니다. 예 : 수학 라디오 버튼을 클릭하면 .. 수학 차트가 나타납니다. 그런 다음 pe를 클릭하면 라디오 버튼 .. 수학의 차트가 숨겨져있을 것입니다. 것입니다 볼 수 ..자바 스크립트 onclick 이벤트가 작동하지 않습니다.

내 자바 스크립트 코드 ..

<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')" 
관련 문제