한 행만 다시로드하는 방법

Question

3 개의 열이 있으며 열 값은 데이터베이스에서 동적으로 변경됩니다. 마지막 열에 모든 행에 새로 고침 버튼이 있습니다.

새로 고침 버튼을 클릭 할 때 발생하는 일은 특정 행만 새로 고쳐 져야한다는 것입니다.

그러나 그런 일은 일어나지 않습니다. 첫 번째 행 새로 고침 버튼을 클릭하면 새로 고침되고 경고 값이 표시되지만 첫 번째 행을 제외한 다른 새로 고침 버튼을 클릭하면 새로 고침되지 않습니다. 그들은 경고의 가치조차 보이지 않습니다. , 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입니다. 나는 그들이 올바른있을 것조차 확실하지 않다 (또한 동일한 이벤트에 대한 두 개의 다른 onclick 이벤트를 사용하지 말아야 대신

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

같은 클래스를 사용하고

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

에 자바 스크립트 변경 위해, 임의 수 있습니다.) 당신은 $("input.refresh").click(function() { ... })에 this.value와 id를 자바 스크립트에서 HTML에서 onclick="refreshRecord(this.value)"과 refreshRecord 기능을 제거하고 교체 할 수 있습니다
.