javascript - 如何获取用户点击图片的ID？

Question

我会尝试获得类似五星级的评级，但不是唯一的，我希望它成为用户必须单击它并输入他对文章的看法的表单的一部分，我如何检索图片的 ID (1start,2stars,...) 在提交表单后点击？我也想对其进行验证，我的意思是用户必须单击五星级图片。我想使用 jquery

Answer 1

$('img').click(function() { alert($(this).attr('id')); });

应该为您解决问题。 .attr() 从元素返回一个属性。

编辑:根据 OP 要求:

HTML:

<input type="image" value="1" name="vote" src="star.gif" />
<input type="image" value="2" name="vote" src="star.gif" />
<input type="image" value="3" name="vote" src="star.gif" />
<input type="image" value="4" name="vote" src="star.gif" />
<input type="image" value="5" name="vote" src="star.gif" />

jQuery:

$('input[type="image"][name="vote"]').click(function() { alert($(this).val()); return false; });

这将提醒输入的值，注意 <input type=image>是描述功能图像的更语义化的方式，应该用来代替 <img>标签。

另请注意，您可以将投票存储在一个变量中，就像使用

一样简单

storedVote = $(this).val(); //Of course goes within the click handler.

WORKING EXAMPLE