0

次の列を持つ会社テーブルがあります: id、company_name、select_button。

select_button会社の行をクリックすると、次のことが必要になります。

  1. この行のボタンが無効になり、
  2. この行の会社名をアラートしてほしい。

各ボタンが特定の ID を持つ特定の行を参照する状況でこれを行う方法がわかりません。
ここで始める方法を教えてください。

各ボタンに ID を与えますか? はいの場合、どうすればよいですか? 私の次のロジックは機能しません:

<input type='button' class="button_<?php echo $company->id ?>" />

<script>
    $(document).ready(function(){
        $(':button_<?php echo $company->id ?>').click(function(){
            alert('<?php echo $company->company_name; ?>');
            $(':button_<?php echo $company->id ?>').prop("disabled",true);             
    });
</script>
4

2 に答える 2

1

jQuery を使用.dataして HTML 要素にデータを保存し、後で取得することができます。

<input type="button" class="my-btn" id="button_1" value="button #1" />
<input type="button" class="my-btn" id="button_2" value="button #2" />
<input type="button" class="my-btn" id="button_3" value="button #3" />

$(document).ready(function() {
    $('#button_1').data('msg', 'text you need to alert for button #1');   
    $('#button_2').data('msg', 'text you need to alert for button #2');
    $('#button_3').data('msg', 'text you need to alert for button #3');

    $('.my-btn').on('click', function(){
        alert($(this).data('msg'));
        $(this).prop("disabled",true);             
    });
});

注：おそらく上記を次のように変更する必要がありますid="button_<?php echo $company->id ?>" value="button #<?php echo $company->id ?>"

フィドルをチェックしてください。

于 2013-08-26T12:18:19.247 に答える