Question

我的Jquery datepicker日期更改功能代码

$(function() {
    $("#datepickernew").datepicker({
        minDate: '-0',
        maxDate: "+3M",
        onSelect: function(dateText, inst) {
            var dataString = 'changedate=' + dateText;
            alert(dataString);
            $.ajax({
                type: "POST",
                url: "http://localhost/abc/abc.php",
                data: dataString,
                cache: false,
                success: function(result) {
                    $('#showavialabletime').html(result);
                }
            });
        }
    });
});

这个ajax根据所选日期返回一些单选按钮

像

<input id="foo2015-09-28-10-00-am" name="datetime" class="myradio" value="2015-09-28 10:00 am" type="radio">
<label for="foo2015-09-28-10-00-am" id="foo12015-09-28-10-00-am">10:00 am</label>
<input id="foo2015-09-28-10-15-am" name="datetime" class="myradio" value="2015-09-28 10:15 am" type="radio">
<label for="foo2015-09-28-10-15-am" id="foo12015-09-28-10-15-am">10:15 am</label>

并选择一个无线电选项我的jquery警报消息

$(document).ready(function() {
    $('input[name=datetime]').on('change', function() {
        var date = $('input[name=datetime]:checked').val();
        alert(date);
    });
});

如果没有上面的ajax响应给出选定选项的警报但是在ajax调用之后它没有给出警告信息..

Answer 1

由于它是动态添加的，您需要使用 event delegation

$(document).ready(function () {
    $('#showavialabletime').on('change','input[name=datetime]', function() {
       var date=$('input[name=datetime]:checked').val(); 
       alert(date);
    });
});

更改jquery日期选择器的日期时调用单选按钮（单击事件）

1 个答案: