有一排图片，每张图片都有id值，我需要选中某张图片时，就连同图片id值一起提交到表单中。
实现这样的效果有两种方法，一种是设置隐藏域，如何通过js赋值到隐藏域；另一种是在每张图片前面放一个单选按钮radio，value值就是图片的id。现在就介绍这两种方法。相关阅读：图片作为radio选择按钮效果
通用js赋值到隐藏域解决选中图片带上id
我们先写一个隐藏域：
<input type="hidden" value="" id="photoid">
再写一个js函数：
function getphotoid(id){
document.getElementById("photoid").value=id
}
然后在每张图片添加一个onclick事件
<img src="123.jpg" onclick="getphotoid(1)"> <img src="456.jpg" onclick="getphotoid(2)">
getphotoid函数的参数就是图片的id，这样点击图片就可以将id赋值到photoid隐藏域了，提交表单就能取到值了。
通过单选按钮解决选中图片带上ID
如果不用js也可以在每张图片前放上Name相同的单选按钮radio，他的value值分别对应不同图片的id值。下面是示例：
<input type="radio" name="photoid" value="1" /> <img src="123.jpg" id="1"> <input type="radio" name="photoid" value="2" /> <img src="456.jpg" id="2">
选中单选框，点击提交后，服务器端就能获取id值了。
声明:如需转载，请注明来源于www.webym.net并保留原文链接：http://www.webym.net/jiaocheng/183.html
