如何使用事件处理程序创建BMI计算器

Question

我对aspx比较陌生，被分配了一个创建BMI计算器的小任务。这个计算器需要在一页内填写两份表格(一份用于公制使用，另一份用于英制/标准英尺、英寸和磅。我使用小型事件处理程序使这两个表单运行良好，但是当涉及到为"计算"one_answers"清除"按钮制作事件处理程序时，我完全迷失了方向。对于任务的第一部分，我需要为每个按钮设置一个单独的事件处理程序。我知道有一种方法可以使用单个事件处理程序，但我不允许在这个时候这样做!

我当前编写的代码。为了节省时间，我将只发布其中一种形式，即英制/标准形式。对不起，如果它是混乱的:

<form id="US" runat="server" visible="true">
   <div style="background-color:#4DB8FF; width:350px; height:300px; margin:auto; text-align:center;">
        <h4>
            Body Mass Index Calculator 
            <asp:Button id="btnUS" runat="server" text="US" OnClick="btnUS_Click" /> 
            <asp:Button id="btnMetric" runat="server" Text="Metric" OnClick="btnMetric_Click" /> <br />
            <script runat="server">
                protected void btnUS_Click(object sender, EventArgs e)
                {
                    this.US.Visible = true;
                    this.Metric.Visible = false;
                }
                protected void btnMetric_Click(object sender, EventArgs e)
                {
                    this.US.Visible = false;
                    this.Metric.Visible = true;
                }
            </script>
        </h4>

                  <asp:label ID="lbl1" Text="Height:" runat="server" />
                     <asp:TextBox ID="heightus" runat="server" />feet<br />
                     <asp:TextBox ID="heightus1" runat="server" />inch(es)<br />
                  <asp:Label ID="lbl2" Text="Weight:" runat="server" />
                     <asp:TextBox ID="weightus" runat="server" />lbs<br />
                <br />
                     <asp:Button ID="calcUS" Text="Calculate" runat="server" />
                     <asp:Button ID="clearUS" Text="Clear" runat="server"/> 
                <br /><br />
                  <asp:Label ID="lbl3" Text="Results:" runat="server" />
                     <asp:TextBox ID="resultus" runat="server" /> <br />

    </div>
</form>

如您所见，有三(3)个文本框保存计算的信息。英尺、英寸和磅文本框。我需要收集这些方框里的信息，并用它来计算个人的BMI。

任何帮助将非常感激!!

Answer 1

我会这样做:id="US" runat="server" visible="true">身体质量指数计算器

        <script runat="server">
            protected void btnUS_Click(object sender, EventArgs e)
            {
                this.US.Visible = true;
                this.Metric.Visible = false;
            }
            protected void btnMetric_Click(object sender, EventArgs e)
            {
                this.US.Visible = false;
                this.Metric.Visible = true;
            }
             protected void calcUS_Click()
        {
              //do the computation here
              resultus.text = //put the results here
        }
        </script>
    </h4>

              <asp:label ID="lbl1" Text="Height:" runat="server" />
                 <asp:TextBox ID="heightus" runat="server" />feet<br />
                 <asp:TextBox ID="heightus1" runat="server" />inch(es)<br />
              <asp:Label ID="lbl2" Text="Weight:" runat="server" />
                 <asp:TextBox ID="weightus" runat="server" />lbs<br />
            <br />
                 <asp:Button ID="calcUS" Text="Calculate" runat="server" 
    onclick="calcUS_Click" />
                 <asp:Button ID="clearUS" Text="Clear" runat="server"/> 
            <br /><br />
              <asp:Label ID="lbl3" Text="Results:" runat="server" />
                 <asp:TextBox ID="resultus" runat="server" /> <br />

</div>