我有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>
答案 0 :(得分:2)
您有多个具有相同ID的单选按钮。那是无效的HTML。使用类似
<input type="radio" name="submit" ... class="refresh">
并将您的javascript更改为
$("input.refresh").click(function() {
此外,您不应对同一事件使用两个不同的onclick
事件(我甚至不确定它们的顺序是否正确,可能是随机的。)
您可以从html和onclick="refreshRecord(this.value)"
功能中删除refreshRecord
,然后将id
替换为this.value
中的$("input.refresh").click(function() { ... })
。