Question

问题可能令人困惑，但这是确切的情况..

我已动态生成少量（根据从数据库中提取的数据），现在我想让用户选择其中一个单选按钮，我想捕获单击行的详细信息，所以请检查我的代码并协助< / p>

我的ajax代码

$.ajax({
                data: data,
                url: url,
                type: 'POST',
                datatype: 'JSON',
                success: function (response) {
                    console.log(response);
                    var result = $.parseJSON(response);
                    var count = result.length;
                    for (var i = 0; i < count; i++) {
                        var $row = $("<tr><input type='hidden' id='"+ result[i].objId + "' value='"+ result[i].objId+"'><td><input type='radio' name='dbRadio' id='dbRadio'></td><td>" + result[i].name + "</td><td> Murgency Global Network</td><td>" + result[i].number + "</td><td>" + result[i].city + "</td><td> 0.5 Km</td></tr>");
                        $('table.queriedResponder > tbody:last').append($row);
                    }
                    console.log($row);
                }
            });

我的单选按钮检测代码

 $('input[name=dbRadio]').change(function(){
           console.log('clicked');
        });

Answer 1

使用this的实例并获取closest tr：

$('input[name=dbRadio]').change(function(){
    console.log($(this).closest("tr"));
});

当然，如果这个处理程序没有被命中，可能是因为你的行是动态添加的 - 所以委托处理程序：

$('table.queriedResponder').on('change', 'input[name=dbRadio]', function() {
    console.log($(this).closest("tr"));
});

我已动态生成2，我想获取点击

1 个答案: