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

Question

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 或者别的方法实现嘛 隐藏显示这样的？？
或者这样不行但是想要达到同样目的应该怎么换个写法呢
超级新手。。。求指点谢谢了！！

Answer 1

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