ASP.Net 4.0图像选择和更改源

时间:2013-03-30 10:41:49

标签: asp.net image select

如果我有一组图像(按钮)甚至只是平面图像,连续5个,我想实现以下,最简单的方法是什么,我无法真正找到一个好的解决方案:

  • 单击其中一个图像时,需要获取新的src,但其他图像需要恢复到原始状态。

  • Asp:根据点击的图片,点击时需要设置标签

  • 在做PostBack时,我需要知道选择了哪一个

请注意,它是asp.net 4.0,因此单引号给我带来了javascript痛苦。

1 个答案:

答案 0 :(得分:0)

单击其中一个图像时,需要获取新的src,但其他图像需要恢复到原始状态。

  1. 首先,您必须创建一个功能,您可以在其中将所有5个图像设置为原始状态。
  2. 然后确保为每个图像元素指定相同的类名。
  3. 在那个箱子之后会有一个按类名开火的功能,如

        $(".classname").click(function(){
    
       //first call the function which will set all 5 images to original state.
    
       //then change the source of the current image. onwhich user has clicked as below:
    
        $(this).attr("src","new source");
       // here you can store the id of current image in a variable to keep the record which images have  been clicked
      });
    
  4. Asp:根据点击的图片,点击时需要设置标签

    您可以在上面的功能中轻松设置Asp:Label。如果您熟悉javascript代码。它太简单了。

    在做PostBack时,我需要知道选择了哪一个

    创建第一个function之后,您完成其他两个步骤即可自行完成。

    在上面的function中,您保存了用户在variable中点击过的图片的ID。

    在执行postback时,您可以轻松地将varibale's数据保存在hiddenfield中,或将其分配给静态varibale或您喜欢的任何方式。

    最后,您可以在code behind中访问它。

    如果我必须做这件事。我会按照上面的过程。它过程简单快捷。一切都可以在客户端完成。

    你怎么想?