jquery - 如何触发表中按钮的事件

Question

<table style="width: 5%;" class="pagination" id="paging">
    <tfoot>
        <td>
            <span>1</span>
        </td>
        <td>
            <input type="button" name="edit" value="2"> 
        </td>   
    </tfoot>
</table>

我想使用 jQuery 触发按钮的单击事件，并且我也想获得它的价值。

Answer 1

这应该可以，但是我建议在按钮上设置一个类以更好地识别它：

$('table').on('click','input[type=button]',function(){
    alert($(this).val());
});

请注意，如果您在表格中的某个地方有其他输入，我也会在此处隔离“按钮”类型。

注意：如果您只想要点击处理程序之外的值，您可以使用：

var buttonValue = $('table').find('input[type=button]').val();

使用表选择器上的类：

$('table.pagination').on('click','input[type=button]',function(){
    alert($(this).val());
});

更具体的是，使用表 ID

$('#paging').on('click','input[type=button]',function(){
    alert($(this).val());
});

Answer 2

我假设你想获得按钮的价值。

$("#edit").click(function(){
var editvalue=$("#edit").val();

    alert(editvalue); //shows value on a messagebox

});

这是小提琴。

Answer 3

$(function() {
  $("#button").click( function()
       {
         alert('button '+$(this).attr('id')+' with text '+$(this).text()+' clicked');
       }
  );
});

Answer 4

另一个选项几乎与其他选项相同，但更完整：

改变

<input type="button" name="edit" value="2"> 

至

<input type="button" name="edit" value="2" id="MyButtonID">

然后像其他人提到的那样附加一个函数：

$(function() {
   $("#MyButtonID").click( function()
      {
          // Do something, like pop a message
          alert("It works!");
      }
   );
});