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

时间:2018-09-18 07:53:45

标签: javascript php jquery

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

谢谢

1 个答案:

答案 0 :(得分:1)

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

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