自定义选中的单选按钮，保持AJAX调用

Question

在页面中我有一个单选按钮列表，每个都包含它自己的表单，并通过一次AJAX调用提交表单，保存用户的选择，并且刷新该列表。

我想通过更换身边的表单自定义选中的单选按钮，并使用jQuery的的内容与复选标记等等的IMG，我做的：

$(document).ready(function(){ 
    $("input:checked").parent().html('<img alt="Checked" src="/img/tick.png"/>'); 
}); 

我的问题是，当我选择一个不同的单选按钮时，我正在进行一次AJAX调用，它保存了我的选项，并用我所有的单选按钮刷新了div。

我试过使用.bind()或.live()，但我没有成功;没有change事件（也许我的做法不好？）

有没有一种方法可以让更改持久AJAX刷新？或者另一种方法是什么？

Answer 1

您可能希望将您拥有的代码行从docuemnt.ready移动到方法中。在ajax成功，请调用该方法。

您仍然需要调用document.ready中的方法，以便正确完成初始加载。