Jquery单选按钮提交值onclick

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部分..请指导我开始

Answer 1

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

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