动态单选按钮组.On处理程序（jquery）

Question

我有两个单选按钮（级别1），可根据所选值动态创建新单选按钮列表（级别2）。

此处列出了检索列表内的代码

while($row=odbc_fetch_array($res))
{
$dept = $row['dept'];
echo "<input type='radio' class='radio' value='".$dept."' name='lvl2'/>".$dept." &nbsp  &nbsp &nbsp &nbsp ";
}

我正在使用

$('input[name="lvl1"]').click(function(){} 

从第一组单选按钮获取值。然而

$('input[name="lvl2"]').on('click', function(){
        $("span").text ("hi");
});

无效。

我将进一步深入到动态按钮的第3级和第4级，并且需要使用单击处理程序将值传递到每个级别的SQL脚本。

Answer 1

如果收音机是动态的，您必须委派活动：

$(document).on('click', 'input[name="lvl2"]', function(){
    $("span").text ("hi");
});

并用最接近的非动态父级替换文档，即使有人决定使用键盘，使用change事件也会有效。