c# - JavaScript の ASP TextBox

Question

クライアントがこれらの活動に費やす時間を尋ねるasp TextBoxに値を入力できるようにする必要があります。入力する数字は JavaScript で実行されます。これらの値をJavaScriptに取り込むのに苦労しています。次に、ボタンのクリックで実行します。助けてくれてありがとう。これは私がこれまでに得たものです：

<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" />

助けてくれてありがとう！

Answer 1

ここでリンゴとオレンジを混ぜていると思います。基本的なクライアント側の計算を行うために、ASP.NET やその他のサーバー側言語は必要ありません。いずれにせよ、単純な HTML テキストボックスを使用して、jQuery だけでそれを行うことができます。jQueryを使って学ぶval()だけで十分です。