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

Answer 2

给出以下元素：

<img id="starImage1" class="starImage" src="star1.png">

您可以使用jQuery执行以下操作：

$('.starImage').bind('click', function() {
    alert(this.id);
});

这将函数绑定到具有“starImage”类的所有元素，该类警告单击元素的ID属性。

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

2 个答案:

HTML：

jQuery的：