<script>
$(document).ready(function(){
$("#city").change(function(){
name = $(this).val();
$.ajax({
type:"GET",
dataType: "json",
data:{name: name},
dataType: 'json',
contentType: "application/json; charset=utf-8",
url:"test.php",
async:false,
success:function(data)
{
$.each(data.PostOffice, function(key, item) {
$("#pincode").append("<li><input type='checkbox' id='"+item.PINCode+"' name='pin' class='pin'/>"+item.Name+"</li>");
});
}
});
});
$(".pin").on('click',function(){
pin = this.id;
alert(pincode);
});
});
</script>
在这段代码中,我在append
循环内使用each
函数,如代码上方所示。现在,当我更改city
时会发生多个复选框,但是当我使用$(".pin").on('click',function(){
来获取复选框的id
时,它将不起作用。因此,如何获得id
onclick class="pin"
的点击?请帮助我。
谢谢
答案 0 :(得分:1)
由于您是在页面加载后在AJAX
内动态添加用于复选框的HTML,因此功能$(".pin").on('click',function(){})
将无法正常工作,因为它将找不到带有.pin
类的元素页面加载。因此,您需要将click
引用中的document
事件分配为:
$(document).on('click','.pin', function(){
pin = this.id;
alert(pin);
});