jsp中点击代表商品颜色的链接切换所有的商品详情图片（是用c:foreach输出的图片），可以实现吗，如何实现？

hibernate+struts2写的购物网站

这是用c:foreach输出的商品详情图片，分成two,three,four三组，对应同一个颜色的商品

<c:forEach items="${twopics}" var="tpic" varStatus="i">
    <c:if test="${i.count eq 1 || (i.count-1)%2 eq 0 }">
    <div class="godetail-bigpic-row1">
    </c:if>
    <img src="${tpic.goodsPicFileName}">
    <c:if test="${i.count%2 eq 0 || i.count%2 eq 2 }">
    </div>
    </c:if>
</c:forEach>

<div class="godetail-detail">
<p><%=godetail.getGoods().getGoodsName()%>——细节展示</p>
        <div class="godetail-smallpic">
        <c:forEach items="${threepics}" var="thpic">
            <img src="${thpic.goodsPicFileName}">
        </c:forEach>
</div>

<div class="godetail-footerpic">
    <c:forEach items="${fourpics}" var="fpic">
        <img src="${fpic.goodsPicFileName}">
    </c:forEach>
</div>

比如一款商品有黑色和白色，但是现在从session取到的三组详情图的路径既有白色商品的图片路径又有黑色商品的图片路径，不知道怎么把它们分开，一输出就是全部图片

<a href="#"><img src="./images/bb8.jpg"></a><input type="radio" name="goodsColor" value="<%=gc%>"/><%=godetail.getGoodsColor()%>

这是要点击的链接，链接里有图片，代表不同的商品颜色，想实现点击不同的链接页面上的详情图全都换成另一个商品颜色的对应图片
（这里还想点击图片的同时切换radio让其自动选中，不过也不知道怎么实现，只好先放着）

可以用js 或者别的方法实现嘛 隐藏显示这样的？？
或者这样不行但是想要达到同样目的应该怎么换个写法呢
超级新手。。。求指点谢谢了！！

emm我的提问为什么疑似被吞。。

在后台 你可以自定义一个实体类 类的属性可以是这样 例子：
class A{
String color; // 这个代表颜色
String path; //这个代表照片路径
String id;//这个代表商品ID
}

在你处理所有商品的时候 新建三个list 分别是红list 黄list 绿list
然后循环所有商品数据 一个商品有三个颜色 ，那就分别封装三个实体类 比如 红黄绿三种 把对应颜色的实体类都一个一个装到对应的list中
最后会的到三个纵lisi 每个list都是放的对应颜色商品的集合 绑定后台后 直接在jsp页面定义三个全局变量 进行获取 用${key值}获取
这样当你在jsp页面点击每个商品某个颜色的时候 直接触发一个onclick方法 然后根据你想改变的颜色 取对应的变量 在方法里面循环取值并赋值到对应的商品上就行了。 OK 回答完毕 有什么疑问 及时问我