Javascript 只标记一张图片

嘿，这是一张图片列表：

<img src="inventory_images/pic1.jpg" onclick="changeColor(this);" />
<img src="inventory_images/pic2.jpg" onclick="changeColor(this);" />
<img src="inventory_images/pic3.jpg" onclick="changeColor(this);" />

下面是我使用的js代码：

<script>
function changeColor(obj) {
obj.style.borderColor  ="#00FF00";
}
</script>

功能更改颜色（obj）{
obj.style.borderColor=“#00FF00”；
}

现在我有可能把每一张照片都做上标记。 但我只想标记一张图片，如何在js代码中添加这张图片？ 在用户稍后单击“提交”后，如何获取标记图片的值？

---

你好

如果您是Javascript新手，我建议您学习jQuery

看看这里，了解一下N个子元素是如何工作的，然后使用jQuery选择您想要的元素。您的jQuery将如下所示：

<script>
function submit()
{
    document.getElementById("markedImage").value = markedImage;
}
</script>

---

$（'foo img:nth child（1）'）.css（'border-color'，'1px solid'00ff00'）

也许您可以给每个图像一个id（并传递一个与changeColor函数对应的数字，用于分配给我们将用于提交表单的变量）：

然后，每次标记图像时，在标记之前，取消标记所有图像：

<script>
markedImage = 0; // This variable used for the submit;

function unmarkAll() {
    document.getElementById("img1").style.borderColor = "#000000"; // Assuming black is the default border color, you might want to change it.
    document.getElementById("img2").style.borderColor = "#000000";
    document.getElementById("img3").style.borderColor = "#000000";
}

function changeColor(obj, markedId) {
unmarkAll();
obj.style.borderColor  ="#00FF00";
markedImage = markedId;
}
</script>

MarkeImage=0；//此变量用于提交；
函数unmarkAll（）{
document.getElementById（“img1”）.style.borderColor=“#000000”//假设黑色是默认的边框颜色，您可能需要更改它。
document.getElementById（“img2”）.style.borderColor=“#000000”；
document.getElementById（“img3”）.style.borderColor=“#000000”；
}
功能更改颜色（obj、markedId）{
取消标记（）；
obj.style.borderColor=“#00FF00”；
markedImage=markedId；
}

至于提交表单，我将使用一个隐藏的表单字段，并将其值设置为onsubmit事件中标记图像的编号。 首先创建要提交的HTML表单：

<form action="submitPage.html" onsubmit="submit();">
<input type="hidden" id="markedImage" name="markedImage"></input>
<input type="submit" value="Submit"></input>
</form>

submit（）函数的javascript如下所示：

<script>
function submit()
{
    document.getElementById("markedImage").value = markedImage;
}
</script>

函数提交（）
{
document.getElementById（“MarkeImage”）.value=MarkeImage；
}

您是否尝试过自己实现您遇到问题的任何东西，或者您只是在寻找这里的人来告诉您如何实现它？我厌倦了一些事情，但我对javascript非常陌生，所以它不起作用。有什么帮助吗？你应该显示你尝试过的内容。这可能会有帮助：好的，如果我想在“submitPage.html”$picture=$\u POST['markedImage']的前端显示所选图像；回声$图片；这样行吗？