jquery事件对像表这样的ajax结果不起作用

Question

我使用ajax请求创建了一个带有单选按钮的表。我想通过点击事件从单选按钮获取价值。但是jquery事件对单选按钮不起作用。 我在下面的ajax创建的表

我通过下面的代码

调用了这个ajax结果

<code>
<script type="text/javascript">
    $(document).ready(function(){
        $(".todayTask").click(function(){
            var employee = '<?php echo trim($userID);?>';
            $.ajax({
                url: "ajax_call.php",
                type:"POST",
                data:{userID:employee},
                success: function(result){
                    $('#taskList').html(result);
            }});
        });
    });
</script>
</code>

现在我想从单选按钮中获取值，该按钮保留在ajax结果中... 通过以下代码但不起作用......

<code>
<script type="text/javascript">
    $(document).ready(function(){
        $("#s").click(function(){
            var status_val = $(this).val();
            alert(status_val);
        });
    });
</script>
</code>

Answer 1

由于您的单选按钮是通过jquery加载的，因此您需要使用on事件：

$(document).ready(function(){
        $('#taskList').on("click","#s", function(){
            var status_val = $(this).val();
            alert(status_val);
        });
    });

您还需要使用类".s"而不是ID "#s"，因为ID必须是唯一的，这是一个示例：

$('#taskList').on("click",".s", function(){

Answer 2

使用on绑定点击事件：

$("table").on("click","#s" ,function(){
    var status_val = $(this).val();
    alert(status_val);
});

注意： ID必须是我唯一的。因此，要么使用classes，要么确保您拥有唯一的id