リスト内のブートストラップ入力ボタンをクリックすると他のボタンは無効になります

Question

このプロジェクトではTwitterのブートストラップを使用し、ページには検索または削除のために保存されたファイルがリストされています。ユーザがリスト内の「ダウンロード」入力ボタンをクリックすると、他のファイルの「ダウンロード」ボタンのクリックは発火しない。どのようにボタンを設定すれば、ユーザーはただちにファイルをダウンロードしてダウンロードすることができますか？

ダウンロードスクリプトの最後にボタンIDを有効または有効に設定しようとしましたが、有効になっていません。誰がここで何が起こっているのを見ますか？前もって感謝します！ビューの

一覧：

<div class="panel panel-default" id="uploadPanel"> 
    <div class="panel-heading">Uploaded Files</div> 
    <div class="panel-body"> 
     <table id="dt_basic" class="table table-striped"> 
      <thead> 
       <tr> 
        <th style="display:none"></th> 
        <th class="text-center">File Name</th> 
        <th class="text-center">Uploaded Date</th> 
        <th class="text-center">Uploaded By</th> 
        <th></th> 
       </tr> 
      </thead> 
      <tbody> 
       @if (Model.UploadedFiles.Any()) 
       { 
        foreach (var record in Model.UploadedFiles) 
        { 
         <tr> 
          <td style="display:none">@record.UploadedFileID</td> 
          <td align="center">@record.UploadedFileName</td> 
          <td align="center">@String.Format("{0:d}", @record.UploadedFileDate)</td> 
          <td align="center">@record.UploadedBy</td> 
          <td align="center"><input type="button" class="btn btn-info" id="downloadFile" value="Download"> | <input type="button" class="btn btn-warning" id="deleteFile" value="Delete"></td> 
         </tr> 
        } 
       } 
      </tbody> 
     </table> 
    </div> 
</div> 

スクリプトファイルをダウンロードする：

$("#downloadFile").click(function() { 
    var cells = $(this).closest('tr').children('td'); 
    var $id = Number(cells.eq(0).text()); 
    var $url = '@Url.Action("DownloadFile", "Files", new { id = "_id_" })'; 
    document.location.href = $url.replace("_id_", $id); 
    //Tried re-activating and re-enabling $("downloadFile") here, but to no avail 
}); 

Answer 1

id

<td align="center"><input type="button" class="btn btn-info downloadFile" value="Download"> | <input type="button" class="btn btn-warning deleteFile" value="Delete"></td> 


$(".downloadFile").click(function() { 
    var cells = $(this).closest('tr').children('td'); 
    var $id = Number(cells.eq(0).text()); 
    var $url = '@Url.Action("DownloadFile", "Files", new { id = "_id_" })'; 
    document.location.href = $url.replace("_id_", $id); 
    //Tried re-activating and re-enabling $("downloadFile") here, but to no avail 
});