如何获得输入标签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/