2013-11-02 31 views
0

我需要客戶端能夠將值輸入到一個asp文本框中,要求他們花費數小時來完成這些活動。他們輸入的數字以javascript運行。我很難將這些值轉換爲javascript。然後讓它按鈕點擊運行。謝謝你的幫助。這是我到目前爲止有:JavaScript中的ASP TextBox

<script runat="server"> 

    void btn_Click(object sender, EventArgs e) 
    { 
     double work = double.Parse(TextBox1.Text); 
     double eat = double.Parse(TextBox2.Text); 
     double commute = double.Parse(TextBox3.Text); 
     double tv = double.Parse(TextBox4.Text); 
     double sleep = double.Parse(TextBox5.Text); 
     double total = work + eat + commute + tv + sleep; 
     if (total > 24) 
     { 
      lblmsg.Text = code(); 
     } 
    } 
    string code() 
    { 
     return "Warning: There are only 24 hours in a day!"; 
    } 
</script> 

Java腳本的:

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", { packages: ["corechart"] }); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
      var work = document.getElementById('<%=TextBox1.ClientID%>').value; 
      var eat = document.getElementById('<%=TextBox2.ClientID%>').value; 
      var commute = document.getElementById('<%=TextBox3.ClientID%>').value; 
      var tv = document.getElementById('<%=TextBox4.ClientID%>').value; 
      var sleep = document.getElementById('<%=TextBox5.ClientID%>').value; 
      var data = google.visualization.arrayToDataTable([ 
       ['Task', 'Hours per Day'], 
       ['Work', work], 
       ['Eat', eat], 
       ['Commute', commute], 
       ['Watch TV', tv], 
       ['Sleep', sleep] 
      ]); 

      var options = { 
       title: 'My Daily Activities', 
       is3D: true, 
      }; 

      var chart = new google.visualization.PieChart(document.getElementById('piechart_3d')); 
      chart.draw(data, options); 
     } 

    </script> 

文本框和按鈕:

Work:<asp:TextBox ID="TextBox1" runat="server" Text="11"/><asp:Label ID="lblmsg" runat="server" color="red" BackColor="red" Font-Size="XX-Large"/><br /> 
      Eat:<asp:TextBox ID="TextBox2" runat="server" text="2"/><br /> 
      Commute:<asp:TextBox ID="TextBox3" runat="server" text="2"/><br /> 
      Watch TV:<asp:TextBox ID="TextBox4" runat="server" text="2"/><br /> 
      Sleep:<asp:TextBox ID="TextBox5" runat="server" text="7"/><br /> 
      <asp:Button ID="btn" runat="server" Text="COMPUTE TIME" OnClick="btn_Click" /> 

感謝您的幫助!

+0

什麼不正確的JavaScript?腳本什麼時候運行? – Stefan

+0

你在服務器端和javascript都收到了值,但是實際的問題是什麼? – gypsyCoder

回答

0

我想你是在這裏混合蘋果和橘子。您不需要ASP.NET或任何其他服務器端語言來進行基本的客戶端計算。無論如何,僅使用jQuery就可以完成簡單的HTML文本框。只是學習使用jQuery val(),這就夠了。