怎样用js选中图片带上ID

JavaScript024

怎样用js选中图片带上ID,第1张

使用一个隐藏域<input type="hidden" value="" id="picid">再写个JS函数:function getpicid(id){ document.getElementById("picid").value=id}在每个图片上加上动作onclick="getpicid(不同图片的id)"图片的id可以是编号,图片地址等。在提交到的页中读取picid的值即可。 如果不用js也可以在每张图片前放单选按钮Name属性相同,value分别为不同图片的id或地址。如:<input type="radio" name="picid" value="图片1id或地址" /><input type="radio" name="picid" value="图片2id或地址" /><input type="radio" name="picid" value="图片3id或地址" />.....点击单后选提交,由于单选按钮只传递一个值,提交后获取picid值即可。

$(".imgCla").each(function(i,e){

    alert($(e).attr("src"))

})

你的页面存在问题,img 标签的ID一样。

我看你的代码里面只有img标签使用imgCla

所以选择获取所有 class="imgCla"的标签

将图片选中 是为了获取图片的src地址 传给后台吧

图片不像表单那样 可以选中然后直接读值 所以我们要换个思路来实现

首先添加个css样式 当图片被点击后 给他换上这个样式 可以显示出来“被选中”的状态 然后用js来读取src地址就可以

我习惯用jquery 帮你这个大概的

$("img").on("click",function(e){

$(this).toggleClass("on")//切换样式

if($(this).hasClasd("on")){

//如果有on样式表示被选中

var picsrc=$(this).prop("src")

//上面这句就获取到了选中图片的src地址

//接着可以做你想要的操作

}

})

希望能帮助到你!