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());
});