| <head> |
| <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> |
|
|
| <script type="text/javascript"> |
|
|
|
|
| google.charts.load('current', {'packages':['corechart']}); |
| google.charts.setOnLoadCallback(drawChart); |
| var a,b,c; |
| a=0; |
| b=0; |
| c=0; |
| function add() { |
| |
| var radio1 = document.getElementsByName("v1"); |
| var radio2 = document.getElementsByName("v2"); |
|
|
| for(var i=0;i<radio1.length;i++) |
| { |
| if(radio1.item(i).checked==true) |
| { |
| i = i+1 |
| alert(i); |
| if (i==1) |
| { |
| a=a+1; |
| } |
| if (i==2) |
| { |
| b=b+1; |
| } |
| if (i==3) |
| { |
| c=c+1; |
| } |
|
|
|
|
| |
| document.getElementById('c1').value=a; |
| break; |
| } |
| } |
| for(var i=0;i<radio2.length;i++) |
| { |
| if(radio2.item(i).checked==true) |
| { |
| i = i+1 |
| alert(i); |
| if (i==1) |
| { |
| a=a+1; |
| } |
|
|
| document.getElementById('c1').value=a; |
| break; |
| } |
| } |
|
|
|
|
|
|
|
|
|
|
|
|
| drawChart(); |
| } |
|
|
| function drawChart() { |
| |
| var data = google.visualization.arrayToDataTable([ |
| ['Task', 'Hours per Day'], |
| ['Work', a], |
| ['Eat', b], |
| ['Commute', c], |
| ]); |
|
|
| var options = { |
| title: 'My Daily Activities' |
| }; |
|
|
| var chart = new google.visualization.PieChart(document.getElementById('piechart')); |
|
|
| chart.draw(data, options); |
| } |
| </script> |
| </head> |
| <body> |
|
|
| <h1>你選了什麼？</h1> |
| <input name="v1" type="radio" value="300年">300年 |
| <input name="v1" type="radio" value="400年">400年 |
| <input name="v1" type="radio" value="1000年">1000年 |
| <br> |
| <h1>你選了什麼？</h1> |
| <input name="v2" type="radio" value="300年">300年 |
| <input name="v2" type="radio" value="400年">400年 |
| <input name="v2" type="radio" value="1000年">1000年 |
| <br> |
| <h1>你選了什麼？</h1> |
| <input name="v3" type="radio" value="300年">300年 |
| <input name="v3" type="radio" value="400年">400年 |
| <input name="v3" type="radio" value="1000年">1000年 |
| <br> |
|
|
|
|
| c1: |
| <input type="text" name="FirstName" id="c1" <br><br/> |
|
|
| c2: |
| <input type="text" name="address" id="c2" <br></br> |
|
|
| c3: |
| <input type="text" name="address" id="c3" <br></br> |
|
|
|
|
| <input type="button" value="submit" onclick="add()"/> |
| <div id="piechart" style="width: 900px; height: 500px;"></div> |
|
|
| </body> |
| </html> |
沒有留言:
張貼留言