文章/答案/技术大牛

发布

社区首页 >问答首页 >jquery事件不适用于ajax结果(如表)。

问jquery事件不适用于ajax结果(如表)。
EN

Stack Overflow用户

提问于 2016-05-16 05:44:51

回答 2查看 202关注 0票数 1

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

html

php

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-05-16 05:48:11

由于单选按钮是通过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(){

票数 1

Stack Overflow用户

发布于 2016-05-16 05:48:20

使用on绑定单击事件

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

注意： ID必须是唯一的。所以，要么使用classes，要么确保您有唯一的id

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37247405

复制

相似问题

问jquery事件不适用于ajax结果(如表)。
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery事件不适用于ajax结果(如表)。EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery事件不适用于ajax结果(如表)。
EN