Question

我正在使用ASP.NET。我正在使用中繼器來顯示圖像，並且我還使用每個圖像的複選框。

如何根據圖像ID選擇單個圖像並更新其值？

我的代碼是：

<asp:Repeater ID="Repeater1" runat="server"> 
     <ItemTemplate> 
      <img ID="ImageZoom" runat="server" 
       src='<%# DataBinder.Eval(Container.DataItem, "ImageUrl") %> ' 
       style="display: inline; height:auto; left: 0pt; top: 0pt; 
       width:auto;" /> 
      <asp:CheckBox ID="CheckBox1" runat="server" /> 
     </ItemTemplate> 
</asp:Repeater> 

Answer 1

你可以使用JavaScript來實現這一點，這樣的事情應該做的伎倆：

沒有jQuery的

<asp:Repeater ID="Repeater1" runat="server"> 
     <ItemTemplate> 
      <img ID="ImageZoom" runat="server" 
       onclick="imageClickHandler(this,event);" 
       src='<%# DataBinder.Eval(Container.DataItem, "ImageUrl") %> ' 
       style="display: inline; height:auto; left: 0pt; top: 0pt; 
       width:auto;" /> 
      <asp:CheckBox ID="CheckBox1" runat="server" /> 
     </ItemTemplate> 
</asp:Repeater> 

function imageClickHandler(s,e){ 
//do something with the current image that is being clicked on. 
//The parameter 's' is a reference to the caller of this method and the 'e' contains 
//event data 
} 

使用jQuery

如果你使用jQuery，你也可以嘗試這樣的事：

<asp:Repeater ID="Repeater1" runat="server"> 
     <ItemTemplate> 
      <img ID="ImageZoom" runat="server" 
       class="handled" 
       src='<%# DataBinder.Eval(Container.DataItem, "ImageUrl") %> ' 
       style="display: inline; height:auto; left: 0pt; top: 0pt; 
       width:auto;" /> 
      <asp:CheckBox ID="CheckBox1" runat="server" /> 
     </ItemTemplate> 
</asp:Repeater> 

<script type="text/javascript" src="jquery-1.7.3"></script> 
$(function(){ 
    $("img.handled").click(function(){ 
    //alerts the id of the image thats being clicked on. 
    alert($(this).attr("id")); 
    }); 
});