2014-12-02 30 views
0
<html> 

<head> 
    <script type="text/javascript"> 
function tally() 
{ 
    var scrt_var = 10; 


    var Dpoint, Ipoint, Hpoint, Apoint; 
    var party_Score = ['Dpoint', 'Ipoint', 'Hpoint', 'Apoint']; 
    var D, I, H, A; 
    var value_Point; 
    var type_Choice; 
    var tag_Choice; 


    var inputs = document.getElementsByTagName("input"), 
     iLength = inputs.length, 
    D = I = H = A = 0; 

    for (i = 0; i < iLength; i++) if (inputs[i].checked) 
    { 
     value_Point = parseInt(inputs[i].value); 
     if (inputs[i].name.search('D') > -1){ D += value_Point; } 
     if (inputs[i].name.search('I') > -1){ I += value_Point; } 
     if (inputs[i].name.search('H') > -1){ H += value_Point; } 
     if (inputs[i].name.search('A') > -1){ A += value_Point; } 
    } //check here !!!~ 
Dpoint = D; // converting this to php data so i can send it by email 
Ipoint = I; // converting this to php data so i can send it by email 
Hpoint = H; // converting this to php data so i can send it by email 
Apoint = A; // converting this to php data so i can send it by email 


document.addEventListener("DOMContentLoaded", function(event) { 
    document.getElementById('D').style.width = D + 'px'; 
    document.getElementById('I').style.width = I + 'px'; 
    document.getElementById('H').style.width = H + 'px'; 
    document.getElementById('A').style.width = A + 'px'; 
    }); 

location.href = "test3.html?D="+ Dpoint + "&I=" + Ipoint + "&H=" + Hpoint + "&A=" + Apoint; 


} 
// ]]> 
</script> 
</head> 

<form method="post" action="data.php"> 
<table> 
<tr> 
<td>question1</td> 
<td><input type="radio" name="D1" value="1"> 1 </td> 
<td><input type="radio" name="D1" value="2"> 2 </td> 
<td><input type="radio" name="D1" value="3"> 3 </td> 
<td><input type="radio" name="D1" value="4"> 4 </td> 
<td><input type="radio" name="D1" value="5"> 5 </td> 
<td><input type="radio" name="D1" value="6"> 6 </td> 
<td><input type="radio" name="D1" value="7"> 7 </td> 
<td><input type="radio" name="D1" value="8"> 8 </td> 
<td><input type="radio" name="D1" value="9"> 9 </td> 
<td><input type="radio" name="D1" value="10"> 10 </td>    
</tr> 
<tr> 
<td>question2</td> 
<td><input type="radio" name="I1" value="1"> 1 </td> 
       <td><input type="radio" name="I1" value="2"> 2 </td> 
       <td><input type="radio" name="I1" value="3"> 3 </td> 
       <td><input type="radio" name="I1" value="4"> 4 </td> 
       <td><input type="radio" name="I1" value="5"> 5 </td> 
       <td><input type="radio" name="I1" value="6"> 6 </td> 
       <td><input type="radio" name="I1" value="7"> 7 </td> 
       <td><input type="radio" name="I1" value="8"> 8 </td> 
       <td><input type="radio" name="I1" value="9"> 9 </td> 
       <td><input type="radio" name="I1" value="10"> 10 </td> 
</tr> 
<tr> 
<td>question3</td> 
    <td><input type="radio" name="H1" value="1"> 1 </td> 
       <td><input type="radio" name="H1" value="2"> 2 </td> 
       <td><input type="radio" name="H1" value="3"> 3 </td> 
       <td><input type="radio" name="H1" value="4"> 4 </td> 
       <td><input type="radio" name="H1" value="5"> 5 </td> 
       <td><input type="radio" name="H1" value="6"> 6 </td> 
       <td><input type="radio" name="H1" value="7"> 7 </td> 
       <td><input type="radio" name="H1" value="8"> 8 </td> 
       <td><input type="radio" name="H1" value="9"> 9 </td> 
       <td><input type="radio" name="H1" value="10"> 10 </td> 
</tr> 
<tr> 
       <td><label> question4 </label></td> 
       <td><input type="radio" name="A1" value="1"> 1 </td> 
       <td><input type="radio" name="A1" value="2"> 2 </td> 
       <td><input type="radio" name="A1" value="3"> 3 </td> 
       <td><input type="radio" name="A1" value="4"> 4 </td> 
       <td><input type="radio" name="A1" value="5"> 5 </td> 
       <td><input type="radio" name="A1" value="6"> 6 </td> 
       <td><input type="radio" name="A1" value="7"> 7 </td> 
       <td><input type="radio" name="A1" value="8"> 8 </td> 
       <td><input type="radio" name="A1" value="9"> 9 </td> 
       <td><input type="radio" name="A1" value="10"> 10 </td> 
     </tr><!-- 14 --> 
      <tr> 
       <td><label> question5 </label></td> 
       <td><input type="radio" name="D2" value="1"> 1 </td> 
       <td><input type="radio" name="D2" value="2"> 2 </td> 
       <td><input type="radio" name="D2" value="3"> 3 </td> 
       <td><input type="radio" name="D2" value="4"> 4 </td> 
       <td><input type="radio" name="D2" value="5"> 5 </td> 
       <td><input type="radio" name="D2" value="6"> 6 </td> 
       <td><input type="radio" name="D2" value="7"> 7 </td> 
       <td><input type="radio" name="D2" value="8"> 8 </td> 
       <td><input type="radio" name="D2" value="9"> 9 </td> 
       <td><input type="radio" name="D2" value="10"> 10 </td> 
      </tr><!-- 15 --> 
      <tr> 
<tr> 
<td colspan=2> 
<div align="center"><input type="button" value="Score my test" onclick="javascript:tally()"></div> 
</td> 
</tr> 
</table> 
</form> 
</html> 

如何將js數據傳遞給php?我需要將這些js數據轉換爲php並通過電子郵件發送,我該怎麼做?我正在尋找網絡解決方案,但我不能得到它可以任何人教我如何?或者如果不能有一種方法來循環使用PHP的HTML上的所有電臺值?我對這兩個代碼都是新手。我如何將js數據傳遞給php?

+0

使用[AJAX](http://api.jquery.com/jquery.ajax/) – 2014-12-02 13:34:57

+0

要麼後的值作爲表格的一部分,或張貼值作爲AJAX請求的一部分,具體取決於是否要更改頁面上下文。 – David 2014-12-02 13:35:40

回答

0

您可以通過多種方式傳遞。

    的方式
  • 你多麼努力,所以通過document.location(重定向) - 將在$ _GET在PHP
  • 通過AJAX(例如使用jQuery) - 將在$ _ POST(或$ _GET )由HTML表單PHP
  • - 將在$ _ POST(可在$ _GET,但不應該)

要回答你的問題我會爲你指點各種答案:

  • 瞭解從HTML數據收集和使用AJAX(例如這裏使用jQuery)
  • 瞭解PHP中的$ _GET要求訪問,$ _ POST,$ _REQUEST
  • 瞭解郵件PHP發送(谷歌的「郵件PHP」 ),有基本(未完美的)片段爲