时间戳

首页 > 解决方案 > 如何使用 jquery 获取警报复选框值？

javascript - 如何使用 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复选框时它不起作用。那么，我怎样才能获得idonclick class="pin"？请帮我。

谢谢你

标签： javascriptphpjquery

解决方案

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

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

推荐阅读