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

由于是动态创建的，所以使用事件委托(delegate)

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