点击JQuery单选按钮提交值

Question

我目前正在开发网站：用户资料部分-选择资料图片; 在我的HTML结构中：

<tr>
 <td>
   <img src="a.jpg"><br>
   <input type="radio" name="profile" value="a" >
 </td>
 <td>
   <img src="b.jpg"><br>
   <input type="radio" name="profile" value="b" >
 </td>
</tr>

我想做的是使用jQuery Ajax在onchange事件上提交值，但是我尝试了几种方法和测试，例如：

$("input:radio[name='profile']").click(function(){
 alert($(this).val());
});

并且

$("input:radio[name='profile']").change(function(){
 alert($(this).val());
});

补充一下：我知道ajax部分，但我不知道如何处理onchange/onclick部分，请指导我如何开始。

- NEWBIE

---

这对我有效 http://jsfiddle.net/RsRDK/ - Sergio

HTML部分是动态创建的吗？比如使用脚本/AJAX...代码是否在DOM就绪处理程序中添加？ - Arun P Johny

@Arun 是的，它是动态创建的。 - NEWBIE

如果它是动态创建的，为什么不动态添加事件处理程序呢？ - Zhihao

Answer 1

由于它是动态创建的，因此请使用事件委托。

$(document).on('change', 'input[name="profile"]:radio', function(){
    alert($(this).val());
});

- Arun P Johny