在HTML表格中单击获取按钮值

Question

我在C＃MVC 3中创建一个网格，并在网格的每一行中放置一个删除按钮。

请参阅下面的图片。

删除按钮代码。

<td>
 <button id="removefromcart" type="button" name="removefromcart" 
          class="remove-cartitem" value="@(item.Id)"> </button></td>

脚本：

<script type="text/javascript">
$(document).ready(function () {

    $('[name="removefromcart"]').click(function () {
        alert('clicked');
    });

})

我尝试提醒点击按钮的值。

请帮忙

Answer 1

试试这个：

$('.remove-cartitem').click(function () {
    alert($(this).attr('value'));
});

Answer 2

使用dom元素的class attribute

<script type="text/javascript">
$(document).ready(function () {

$('.remove-cartitem').click(function () {
    alert($(this).val());
});

});
</script>

Answer 3

 $('[name="removefromcart"]').click(function () {
        alert($(this).val());
 });

Answer 4

你的按钮有一个id，我想最好使用这个ID来获取jquery中的元素。

此外，不推荐使用click（）函数，您应该使用on（'click'），它允许您取消绑定事件（'click'）。

$('#removefromcart').on('click', function() {
    alert( $(this).val() );
});

最好的方法是不使用jQuery

document.getElementById('removefromcart').addEventListener('click', function() {
    alert( this.attributes.value.nodeValue );
});

希望这会有所帮助：）

Answer 5

只需获取DOM元素的值：

$('[name="removefromcart"]').click(function () {
    alert(this.value);
});

---

编辑：

this.value相当于$(this).val()或$(this).attr('value')，但速度最快，因为我们只操纵DOM属性（而不是jQuery对象）......

例如参见：jsPerf