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