动态单选按钮组.在处理程序(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事件也会起作用。