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

时间:2011-03-15 19:56:41

标签: jquery ajax

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

我想通过替换周围的表单来定制已选中的单选按钮,并使用img的复选标记来替换它,使用 jQuery 我这样做:

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

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

我尝试使用.bind().live(),但我没有成功;没有change事件(也许我的方法不好?)

有没有办法可以让更改持续进行AJAX刷新?或者替代方法是什么?

1 个答案:

答案 0 :(得分:2)

您可能希望将docuemnt.ready中的代码行移动到方法中。关于ajax的成功,请调用该方法。

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