Php jquery事件在类似于表的ajax结果上不起作用

我使用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>

$（文档）.ready（函数（）{
$（“.todayTask”）。单击（函数（）{
var雇员=“”；
$.ajax({
url:“ajax_call.php”，
类型：“POST”，
数据：{userID:employee}，
成功：功能（结果）{
$（'#任务列表'）.html（结果）；
}});
});
});

现在我想从保留在ajax结果中的单选按钮中获取值。。。 由下面的代码，但不工作

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

$（文档）.ready（函数（）{
$（“#s”）。单击（函数（）{
var status_val=$（this.val（）；
警报（状态值）；
});
});

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

：

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

您还需要使用class
“.s”
而不是ID
“#s”
，因为ID需要是唯一的，下面是一个示例：

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

使用

上的

绑定您的点击事件：

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

注意：ID必须是唯一的。因此，要么使用
类
，要么确保您拥有唯一的
id
发布文本，而不是文本图片。1。ID必须是唯一的。将
id=“s”
更改为
data type=“start”、data type=“pause”
等。2.将单击推迟到最近的容器：
$（'#taskList'）。在（“单击”，“输入[name='s']”上，function（）{console.log（$（this.data）（“类型”）}）
并使用类或名称，因为需要unique@mplungjan你说得对，我编辑了我的回答，并使用最近的容器来缩小事件处理的范围。在这种情况下，
#taskList
还不起作用……请解释@Flashyou替换这一行的原因，
$（“#taskList”）。在我的回答中，在这一行的
$（'#taskList'）上（“click”、“.s”，function（）{/code>，如果没有，请这样做还不起作用