如何获得输入标签onclick图像的值和输入标签的所有值都不相同?

<div>
  <input type="text" value="1" style="display:" id="getHeart">
  <img src='images/heart.png' id='wishlistRent1' class='wishlist_icon>
</div>

<div>
  <input type="text" value="2" style="display:" id="getHeart">
  <img src='images/heart.png' id='wishlistRent1' class='wishlist_icon>
</div>

<div>
  <input type="text" value="3" style="display:" id="getHeart">
  <img src='images/heart.png' id='wishlistRent1' class='wishlist_icon>
</div>

<div>
  <input type="text" value="4" style="display:" id="getHeart">
  <img src='images/heart.png' id='wishlistRent1' class='wishlist_icon>
</div>

最佳答案

到目前为止,我所看到的答案都假定您要使用jQuery。如果您想使用Vanilla JavaScript,可以这样做:

var heartImage = document.getElementById( 'wishlistRent1' );

heartImage.onclick = function() {
  console.log( 'Value: ', document.getElementById('getHeart1').value );
};


也:


确保HTML中的类以引号结尾。不关闭
这些导致问题。示例:class ='wishlist_icon必须是class ='wishlist_icon'
确保为每个HTML元素使用不同的ID。

关于javascript - 如何获得点击值(value),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56854417/

10-11 11:36