Retrieve Button value with jQuery
- by Simon Hutton
A simple one, I'm trying to retrieve the value attribute of a button when its been pressed using jQuery, here's what I have:
<script type="text/javascript">
$(document).ready(function() {
$('.my_button').click(function() {
alert($(this).val());
});
});
</script>
<button class="my_button" name="buttonName" value="buttonValue">
Button Label</button>
In Firefox my alert displays 'buttonValue' which is great but in IE7 it displays 'Button Label'.
What jQuery should I use to always get the button's value? Or should I be using a different approach?
Many thanks.
ANSWER:
I'm now using
<input class="my_button" type="image" src="whatever.png" value="buttonValue" />
