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

时间:2013-03-12 19:12:31

标签: c# asp.net event-handling

我对aspx比较新,并且被分配了一个小任务来创建BMI计算器。这个计算器在一个页面中需要两种形式(一种用于公制使用,一种用于英制/标准英尺,英寸和磅。我使用小型事件处理程序可以使两种形式正常运行,但在制作事件时我完全迷失了“计算”和“清除”按钮的处理程序。对于任务的第一部分,我需要为每个按钮设置一个单独的事件处理程序。我知道有一种方法可以使用单个事件处理程序,但我不允许这样做!

我目前编写的代码。为了节省一些时间,我将发布其中一个表格,即帝国/标准表格。对不起,如果它很乱:

<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)个文本框用于保存计算信息。 Feet,Inch(es)和Lbs文本框。我需要收集放在这些框中的信息,并用它来计算个人BMI。

非常感谢任何帮助!!

1 个答案:

答案 0 :(得分:1)

这就是我要做的:   id =“US”runat =“server”visible =“true”&gt;                             体重指数计算器                            

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