如何重新加載只有一行

Question

我有3列，列值不斷從數據庫動態變化。 所有行在最後一列都有刷新按鈕。

當我點擊刷新按鈕時會發生什麼，只有那個特定的行纔會刷新。

但是，這並非如此。當我點擊第一行刷新按鈕時，它會刷新並顯示一個警報值，但當我單擊除第一行以外的其他刷新按鈕時，它們不會被刷新。他們甚至沒有在警報中顯示價值。

這裏是代碼，我已經使用：

AJAX，JQuery的

<script type="text/javascript"> 
    var id; 

    function refreshRecord(value) { 
     id = value; 
     alert("id is " + id); 
    } 

    $(document).ready(function() { 
     $(this).("#refresh").click(function() { 
      var fileId = id; 
      alert("ajax id is " + id); 
      $.ajax({ 
       type: "post", 
       url: "checkStatusAndNumRecs", 
       data: { 
        fileId: fileId 
       }, 
       success: function(data) { 
        $("#div1").html(data); 
       }, 
       error: function(data) { 
        $("#div1").html("It was a failure !!!"); 
       } 
      }); 
     }); 
    }); 
</script> 

HTML代碼

<table border="1"> 
    <tr> 
     <td>2</td> 
     <td>1</td> 
     <td>3</td> 
     <td> 
      <input type="radio" name="submit" value="submit" onclick="refreshRecord(this.value)" id="refresh"> 
     </td> 
    </tr> 
    <tr> 
     <td>7</td> 
     <td>9</td> 
     <td>7</td> 
     <td> 
      <input type="radio" name="submit" value="submit" onclick="refreshRecord(this.value)" id="refresh"> 
     </td> 
    </tr> 
    <tr> 
     <td>3</td> 
     <td>4</td> 
     <td>6</td> 
     <td> 
      <input type="radio" name="submit" value="submit" onclick="refreshRecord(this.value)" id="refresh"> 
     </td> 
    </tr> 
    <tr> 
     <td>9</td> 
     <td>6</td> 
     <td>5</td> 
     <td> 
      <input type="radio" name="submit" value="submit" onclick="refreshRecord(this.value)" id="refresh"> 
     </td> 
    </tr> 
</table> 

Answer 1

你有相同ID的多個單選按鈕。這是無效的HTML。使用類，而不是像

<input type="radio" name="submit" ... class="refresh"> 

，改變你的JavaScript來

$("input.refresh").click(function() { 

而且你不應該使用同一事件的兩個不同的onclick事件（我甚至不相信他們會在正確的順序，可以是隨機的。）
您可以從您的JavaScript和this.value在$("input.refresh").click(function() { ... })刪除您的HTML onclick="refreshRecord(this.value)"和refreshRecord和替換功能id。