Question

我正在为我的大学做最后的项目。我遇到了问题。我有一个包含3个项目的复选框列表，第一项是1-中国食品2印度食品3 - 快餐选择项目时，我需要3张图片。当我选择中餐时，我需要3张图片，按下按钮会出现中餐的图片，当我选择印度食物时，会出现印度食物的图片，所以上。请帮帮我，我该怎么做？

这是我的vb代码

Partial Class About
    Inherits System.Web.UI.Page


    Protected Sub Page_Load(ByVal sender As Object, _
    ByVal e As System.EventArgs) Handles Me.Load


        If IsPostBack Then

            Image2.Visible = True
End Class

条件是如果检查中国食物应该出现中国图像

aspx代码

 <tr><td class="style3" colspan="2" >
     <asp:Label ID="Label5" runat="server" BackColor="#FFFF66" ForeColor="Black" 
             Text="Select your food type ::"></asp:Label>
         <asp:CheckBoxList ID="CheckBoxList1" runat="server" ForeColor="Black" 
             Width="152px">
             <asp:ListItem>Chinese Food</asp:ListItem>

             <asp:ListItem>Indian Food</asp:ListItem>
             <asp:ListItem>Fast Food</asp:ListItem>
         </asp:CheckBoxList>
         <asp:Button ID="Button1" runat="server" Text="Select" Width="131px" />

Answer 1

将<asp:Image runat="server" ID="FoodImage" />添加到要显示图像的asp.net代码中。然后在codebehind中通过执行类似这样的操作（伪代码）来单击按钮时设置Image控件的源：

protected void OnButton1_Click(object sender, EventArts e)
{
    if (IndianFood.Selected)
    {
       FoodImage.Source = "/path/to/some/image.png";
    }
}

但你为什么要使用Checkbox？我的意思是当你只想显示1张图像时，你也应该使用radiobuttons而不是复选框。这将确保用户只能选择一个选项而不是几个选项。您还可以使用复选框/单选按钮上的事件OnChecked_Changed来捕获各个复选框/单选按钮上的点击次数

编辑：对于按钮处理程序，将按钮更改为：

<asp:Button ID="Button1" runat="server" OnClick="OnButton1_Click" Text="Select" Width="131px" />

如何使用asp.net中的复选框列表

1 个答案: