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触发按钮的click事件，我也想获得它的价值。

Answer 1

这应该可行，但是我会建议按钮上的一个类来更好地识别它：

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

请注意，我也会隔离到＆＃34;按钮＆＃34;如果您在表格中有其他输入，请输入此处。

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

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

});

这是fiddle。

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!");
      }
   );
});

如何在表中触发按钮事件

4 个答案: