0 
<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を使ってボタンのクリックイベントを発生させたいのですが、その値も取得したいです。

4

4 に答える 4

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());
});
于 2013-09-18T13:25:53.993 に答える
0

ボタンの値を取得したいと思います。

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

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

});

ここにフィドルがあります。

于 2013-09-18T13:20:01.180 に答える
0

他のオプションとほとんど同じですが、もう少し完全な別のオプション:

変化する

<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!");
      }
   );
});
于 2013-09-18T13:33:24.913 に答える
0 
$(function() {
  $("#button").click( function()
       {
         alert('button '+$(this).attr('id')+' with text '+$(this).text()+' clicked');
       }
  );
});
于 2013-09-18T13:20:44.507 に答える