Question

<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"的点击？请帮助我。

谢谢

Answer 1

由于您是在页面加载后在AJAX内动态添加用于复选框的HTML，因此功能$(".pin").on('click',function(){})将无法正常工作，因为它将找不到带有.pin类的元素页面加载。因此，您需要将click引用中的document事件分配为：

$(document).on('click','.pin', function(){
    pin = this.id;
    alert(pin);
});

如何使用jquery在警报中获取复选框值？

1 个答案: